Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <head> <style> body { text-align: center; } /* Четыре значения */ p.four { border-style: dotted solid double dashed; } /* Три значения */ p.three { border-style: dotted solid double; } /* Два значения */ p.two { border-style: dotted solid; } /* Одно значение */ p.one { border-style: dotted; } </style> </head> <body> <h2>Отдельные стороны границы</h2> <p class="four">4 разных стиля границ.</p> <p class="three">3 разных стиля границы.</p> <p class="two">2 разных стиля границы.</p> <p class="one">1 стиль границы.</p> </body> </html>
