<!DOCTYPE html>
<html>
<head>
<style>
h1, p, div {
padding: 10px;
}
h1 {
border-left: 5px solid #8ebf42;
}
p {
border-left: 4px dotted #1c87c9;
}
div {
border-left: thick double #666;
}
</style>
</head>
<body>
<h1>Un titre avec une bordure supérieure verte et solide.</h1>
<p>Un titre avec une bordure bleue en pointillé (dotted).</p>
<div>Un élément div avec une double bordure épaise.</div>
</body>
</html>