Как сделать линию под текстом css

Как добавить линию за текст в css? [дубликат]

Как реализовать горизонтальную линию за текстом как на картинке?введите сюда описание изображения

Пробовал использовать свойство box-shadow — линия появляется ниже текста на несколько пикселей. Line-height не помогает т.к. меняется междустрочный интервал, а не отступ тени. Есть какое-нибудь свойство, которое указывает отступ box-shadow? Псевдоэлемент :after применяется ко всему тексту как к блоку, а не к строкам как на фото.

Как сделать линию подчеркивания под заголовком и задать ей длину?

Добрый день всем.
Во время верстки столкнулся с такой задачкой, есть текст а под ним линия подчеркивания. (картинка внизу)
Как задать ей длину?
На сколько я понял через border-bottom это невозможно, то есть нет тега где я в px могу задать конкретную длину. По логике, как я понимаю, я должен для линии задать отдельный div и этому div задать width, который мне нужен. А уже в этот div вставить border-bottom, так как он всегда автоматически растягивает по длине блока, в который он был вложена.
Верно ли я мыслю или есть проще вариант?
Спасибо.

Как добавить пунктирное подчеркивание под HTML-текстом

Как вы подчеркиваете html-текст, чтобы линия под текстом была пунктирной, а не стандартным подчеркиванием? Желательно, чтобы это было сделано без использования отдельного файла CSS. Я новичок в html.

Без CSS это невозможно. Фактически, <u> тег просто добавляется text-decoration:underline к тексту с помощью встроенного в браузер CSS.

Вот что вы можете сделать:

Используйте следующие коды CSS .

Без CSS вы в основном застряли с использованием тега изображения. В основном сделайте изображение текста и добавьте подчеркивание. По сути, это означает, что ваша страница бесполезна для программы чтения с экрана.

С CSS это просто.

HTML:

CSS:

Пример страницы

В элементе HTML5 может быть пунктирное подчеркивание, поэтому нижний текст будет иметь пунктирную линию, а не обычное подчеркивание. А атрибут title создает всплывающую подсказку для пользователя, когда он наводит курсор на элемент:

ПРИМЕЧАНИЕ . Пунктирная граница / подчеркивание по умолчанию отображается в Firefox и Opera, но IE8, Safari и Chrome нуждаются в строке CSS:

Если в контенте больше одной строки, добавление нижней границы не поможет. В этом случае вам придется использовать,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *