<p class="underline">Підкреcлений червоним текст</p>

<p class="overline">Текст, а над ним лінія</p>

<p class="through">Перекреслений текст</p>

<p>Це <a class="none" href="#">посилання не підкреслено</a>, а має бути за замовчуванням.</p>

<p class="underover">Підкреслений рядок з лінією над собою.</p>

<p class="blink">Цей текст блимає. Але це залежить від того, чи підртримує цю властивість твій браузер...</p>
.underline {
  text-decoration: underline red;
}

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

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

.none {
  text-decoration: none;
}

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

.blink {
  text-decoration: blink;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.