Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <head> <style> p.one { border-style: solid; border-color: hsl(0, 100%, 50%); /* red */ } p.two { border-style: solid; border-color: hsl(240, 100%, 50%); /* blue */ } p.three { border-style: solid; border-color: hsl(0, 0%, 73%); /* grey */ } </style> </head> <body> <h2>Свойство border-color</h2> <p>Цвет границы также можно указать с помощью значений HSL:</p> <p class="one">Сплошная красная граница</p> <p class="two">Сплошная синяя граница</p> <p class="three">Сплошная серая граница</p> </body> </html>
