Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<style>
p {
border: 5px solid #666;
width: 60%;
padding: 5px;
}
.name {
border-bottom-color: lightblue;
}
.hex {
border-bottom-color: #1c87c9;
}
.rgb {
border-bottom-color: rgba(0,0,0,0.15);
}
.hsl {
border-bottom-color: hsl(89, 43%, 51%);
}
</style>
</head>
<body>
<p class="name">Unterer Rand mit benannter Farbe.</p>
<p class="hex">Unterer Rand mit einem hexadezimalen Wert.</p>
<p class="rgb">Unterer Rand mit einem RGB-Farbwert.</p>
<p class="hsl">Unterer Rand mit einem HSL-Farbwert.</p>
</body>
</html>