Source Code:
(back to article)
Submit
Result:
Report an issue
<!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">Bottom border with a named color.</p> <p class="hex">Bottom border with a hexadecimal value.</p> <p class="rgb">Bottom border with a RGB color value.</p> <p class="hsl">Bottom border with a HSL color value.</p> </body> </html>