Как сделать подчеркнутый текст css?

Пользователь

от nicolette.stoltenberg , в категории: HTML/CSS , 2 года назад

Как сделать подчеркнутый текст css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cheyenne.boehm , 2 года назад

@nicolette.stoltenberg  Сделать подчеркнутый текст в CSS, можно так:


HTML:

1
2
3
<body>
    <p>Подчеркнутый текст</p>
  </body>


CSS:

1
2
3
p{
    text-decoration: underline;
}


Пользователь

от mona_terry , год назад

@nicolette.stoltenberg 

Чтобы сделать подчеркнутый текст с помощью CSS, вы можете использовать свойство text-decoration со значением underline. Вот пример:

1
2
3
4
/* Пример стиля подчеркнутого текста */
.underline-text {
  text-decoration: underline;
}


Затем вы можете добавить класс underline-text к любому элементу, который вы хотите сделать подчеркнутым. Например, если вы хотите сделать подчеркнутым заголовок h1, то можете использовать следующий HTML-код:

1
<h1 class="underline-text">Заголовок с подчеркиванием</h1>


Также можно использовать другие значения свойства text-decoration, такие как overline для линии сверху, line-through для зачеркнутого текста и none для отключения всех линий.