В этой статье я собрал несколько примеров стилизации элемента <hr>. Многим больше нравится использовать блочные теги вроде <div> которые могут содержать внутри себя контент выступающий в роли разделителя, но я предпочитаю пользоваться тегом <hr> в качестве сепаратора.
ПРИМЕР СТИЛЕЙ
ПРИМЕЧАНИЕ
На заметку: некоторые из стилей включают в себя псевдо-классы (:before/:after). На сколько я знаю, это не должно работать, так как <hr> не может содержать в себе контент (и у него нет закрывающего тега). Но, как вы видите, все прекрасно работает.
Переведено с:
css-tricks.com
© 2023. «Poltor.com».
Все права защищены.
Политика конфиденциальности
Согласие с рассылкой
Отказ от ответственности
Находясь на этом сайте вы даете свое согласие на использование файлов Cookie и подтверждаете, что ознакомились и согласны с
политикой конфиденциальности
.
Соглашаюсь
Остались вопросы?
Заполните форму ниже, и я обязательно свяжусь
с вами в ближайшее время.