<p class="under">This text has a line underneath it.</p>
<p class="over">This text has a line over it.</p>
<p class="line">This text has a line going through it.</p>
<p class="underover">This text has a dashed line</p>
<p class="dotted">This text has a dotted line</p>
<p class="underline_overline">This text has underline & overline</p>
<p class="blink">This text might blink for you,
    depending on the browser you use.</p>

p{
  font-size: 20px;
}
.under {
  text-decoration: underline red;
}

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

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

.underover {
  text-decoration: underline dashed;
}
.dotted {
  text-decoration: underline dotted;
}
.underline_overline{
  text-decoration: underline overline #FF3028;
}
.blink {
  text-decoration: blink;
}