CSS Text Decoration

.under {
  text-decoration: underline red;
}

.over {
  text-decoration: wavy overline lime;
}

.line {
  text-decoration: line-through;
}

.plain {
  text-decoration: none;
}

.underover {
  text-decoration: dashed underline overline;
}

.thick {
  text-decoration: solid underline purple 4px;
}

.blink {
  text-decoration: blink;
}

<p class="under">Этот текст подчёркнут.</p>
<p class="over">Этот текст имеет линию сверху.</p>
<p class="line">Этот текст перечёркнут.</p>
<p>
  Эта <a class="plain" href="#">ссылка не будет подчёркнута</a>,
    как все ссылки по умолчанию. Будьте осторожны, когда удаляете
    подчёркивание у ссылок, т.к. для пользователей нижнее подчеркивание
    часто обозначает гиперссылку.</p>
<p class="underover">В этом примере линии находятся над <em>и</em> под текстом.</p>
<p class="thick">
  Этот текст подчёркнут жирной линией, если ваш браузер это поддерживает.
</p>
<p class="blink">
  Этот текст может моргать, если ваш браузер это поддерживает.
</p>