Подчеркиваем текст через css

Подробно о подчеркивании текста html

1. Подчеркнутый текст html с помощью тега.
2. Подчеркнутый текст через css.

Скопировать ссылку



Подчеркнутый текст html с помощью тега.

Подчеркнуть текст через html можно с помощью тега.


Для этого нам понадобится какой-то текст:

Желательно, чтобы в нём, в тексте было пару абзацев, чтобы можно было вживую увидеть, как данный тег будет подчеркивать текст.
В особенности при переходе на следующий абзац.

После этого оборачиваем данный текст в тег для "подчеркивания ния текста html" :

<u>Желательно, чтобы в нём, в тексте было пару абзацев, чтобы можно было вживую увидеть, как данный тег будет подчеркивать текст.
В особенности при переходе на следующий абзац.</u>

Результат подчеркивания текста html с помощью тега

Желательно, чтобы в нём, в тексте было пару абзацев, чтобы можно было вживую увидеть, как данный тег будет подчеркивать текст.
В особенности при переходе на следующий абзац.
Вывод:

Какой мы здесь видим результат и какой вывод можем сделать!?

Что текст прекрасно подчеркивается с помощью тега!

Скопировать ссылку



Подчеркнутый текст через css.

Для следующего варианта подчеркивания текста html - нам понадобится свойство css .


Как вы знаете есть "3 способа css" - не будем использовать все, возьмем лишь один:

Нам потребуется очередной текст:

Опять же новый текст, для нового пункта подчеркивания текста.
Две строки для испытания свойства , как оно будет работать.

Оборачиваем данный текст в тег div.

Прописываем ему attribute style.

Со свойством и значением "".


<div style="text-decoration:underline">
Опять же новый текст, для нового пункта подчеркивания текста.
Две строки для испытания свойства , как оно будет работать.
</div>

Смотрим результат:

Опять же новый текст, для нового пункта подчеркивания текста.

Две строки для испытания свойства , как оно будет работать.

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---