Как сделать нижнее подчеркивание в css

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

p {
  text-decoration: underline; /* добавляет нижнее подчеркивание к тексту */
}

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

.title {
  text-decoration: underline; /* добавляет нижнее подчеркивание к заголовку с классом "title" */
}
<h2 class="title">Заголовок с нижним подчеркиванием</h2>

Вы также можете настроить цвет, стиль, ширину и другие свойства нижнего подчеркивания с помощью других параметров свойства text-decoration. Например:

a {
  text-decoration: underline double red; /* добавляет двойное красное подчеркивание к ссылкам */
}

Этот код добавляет двойное красное нижнее подчеркивание к всем ссылкам на странице.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать нижнее подчеркивание в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали