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

Для изменения оформления текста в виде его подчеркивания, перечеркивания, линии над текстом и других, используется свойство 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;
}