Как сделать горизонтальную линию в css
4 года назад
Человек-Молекула
Ответы
Для формирования горизонтальной линии можно пойти разными путями. Давайте рассмотрим некоторые из них:
Вариант №1. Можно определить обычный div элемент и покрасить у него одну из сторон с помощью свойства border.
Вариант №2. Используем готовый тег который формирует горизонтальную линию - hr.
Вариант №3. С помощью псевдоэлементов и . Этот вариант немного сложнее, но за то мы обойдемся без правки HTML-кода. Итак, если нам нужно разместить вертикальную или горизонтальную линию сверху или с левой стороны элемента, то нам нужно использовать псевдоэлемент
. Если же линия должна быть справа или снизу, то мы должны использовать псевдоэлемент .Теперь рассмотрим стили.
3 года назад
Вячеслав Межуревский
В ответе Вячеслава Межуревского псевдоэлементы должны писаться с двумя двоеточиями "::"
.create-line-left::before{
6 месяцев назад
Егор Курилко