Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<style>
p {
border: 5px solid #666;
width: 60%;
padding: 5px;
}
.name {
border-color: lightblue;
}
.hex {
border-color: #1c87c9;
}
.rgb {
border-color: rgba(0,0,0,0.15);
}
.hsl {
border-color: hsl(89, 43%, 51%);
}
</style>
</head>
<body>
<p class="name">Bordure avec un couleur nommé.</p>
<p class="hex">Bordure avec une valeur hexadecimal.</p>
<p class="rgb">Bordure avec une valeur de couleur RGB.</p>
<p class="hsl">Bordure avec une valeur de couleur HSL.</p>
</body>
</html>