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">Нижняя граница с названием цвета.</p> <p class="hex">Нижняя граница со значением hexadecimal.</p> <p class="rgb">Нижняя граница со значением RGB color.</p> <p class="hsl">Нижняя граница со значением HSL color.</p> </body> </html>