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-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">Border with a named color.</p> <p class="hex">Border with a hexadecimal value.</p> <p class="rgb">Border with a RGB color value.</p> <p class="hsl">Border with a HSL color value.</p> </body> </html>