В данном пункте разберем создание горизонтальной линии с помощью блока div.
Для этого на м понадобится:
без текста
Далее нам понадобится attribute style
Вовнутрь помещаем свойство border + solid + 1px толщина линии + подбираем цвет( -> генератор цвета) пусть это будет » #d71212 «.
Соединим наш код горизонтальной сплошной линии вместе:
Пример вывода горизонтальной сплошной линии с помощью блока div
Добавим еще:
Пример вывода горизонтальной сплошной линии толщина 5px
Горизонтальная линия точками — css
В следующем пункте разберем, как сделать горизонтальную линию с помощью точек. Если в выше приведенном пункте унас была «горизонтальная линия сплошная», то в этом пункте мы сделаем «горизонтальную линию точками!»
Для этого нам понадобится:
Опять будем использовать двойной тег div:
без текста
По той же схеме: border + только вместо сплошной, берем точками: dotted + 1px толщина линии, оставляем прежней + подбираем цвет( -> генератор цвета) цвет изменим, пусть это будет » #d71212 «.
Как сделать репост в ВК.
Соединим наш код горизонтальной линии вместе:
Источник: dwweb.ru
Как сделать горизонтальную линию?
Горизонтальная линия делается с помощью свойства border-bottom, которое применяется обычно к элементу . Это свойство добавляет линию снизу заданной толщины и стиля (пример 1). Чтобы не «портить» все , используем класс line , и уже для класса указываем свойство border-bottom . Сам остаётся пустым, никакое содержимое в нём не требуется, только стилевое оформление.
Пример 1. Использование border-bottom
Результат данного примера показан на рис. 1. Здесь мы делаем линию красного цвета толщиной в один пиксель. Сама линия при это занимает всю доступную ширину.
Рис. 1. Вид линии, созданной через border-bottom
См. также
- border-bottom
- Оформление ссылок
- Точки между слов
Источник: webref.ru
Как сделать короткую линию?
Доброго времени суток, подскажите пожалуйста, как сделать такую линию?
- Вопрос задан более трёх лет назад
- 599 просмотров
Решения вопроса 1
HTML-верстальщик
Как вариант.
h2 < position: relative; >h2:after
Либо добавить снизу текста span ну или что-то в этом роде и его уже редактировать, но лучше через :after / :before
КАК создать и оформить группу ВКонтакте | Настройка, дизайн и продвижение
Ответ написан более трёх лет назад
Нравится 2 Комментировать
Источник: qna.habr.com