Как подчеркнуть слово в html

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для изменения оформления текста в виде его подчеркивания, перечеркивания, линии над текстом и других, используется свойство text-decoration. Одновременно можно применить более одного стиля, перечисляя значения через пробел. Другой вариант использовать свойство border-bottom.

Исходный HTML-файл

<p class="red-dots">Красные точки</p>
<p class="blue-wave">Синяя волна</p>
<p class="two-lines">Две черты, снизу и с верху</p>
<p class="bor-bottom">Черта снизу</p>

Стили

.bor-bottom {
  border-bottom: 2px solid #333;
}

.red-dots {
text-decoration: underline dotted red;
}

.blue-wave {
  text-decoration: blue wavy underline;
}

.two-lines {
  text-decoration: underline overline #FF3028;
}

3 года назад

Вячеслав Межуревский

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

1 месяц

SASS

Навык работы с препроцессором SASS для эффективной и структурированной стилизации веб-приложений

1 месяц

Анимация CSS

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

Похожие вопросы