Podkreślenia tekstu

Kolorowe podkreślenie

KOD DO EFEKTU:

<div class="color-u" style="text-align: center;">
TWÓJ TEKST</div>

<style>
.color-u {
  text-decoration: #d68a28 solid underline;}
</style>

Kolorowe podwójne podkreślenie

KOD DO EFEKTU:

<div class="color-double-u" style="text-align: center;">
TWÓJ TEKST
</div>

<style>
.color-double-u {
  text-decoration: #d68a28 double underline;}
</style>

Faliste podkreślenie

KOD DO EFEKTU:

<div class="wave" style="text-align: center;">
TWÓJ TEKST</div>

<style>
.wave {
text-decoration: underline;
  -webkit-text-decoration-color: #21587f;
  text-decoration-color: #21587f;
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;}
</style>

Kolorowe przekreślenie

KOD DO EFEKTU:

<div class="strike" style="text-align: center;">
TWÓJ TEKST</div>

<style>
.strike {
-webkit-text-decoration-color: #21587f;
  text-decoration-color: #21587f;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;}
</style>

Kolorowe nadkreślenie

KOD DO EFEKTU:

<div class="upperline" style="text-align: center;">
TWÓJ TEKST</div>

<style>
.upperline {
  -webkit-text-decoration: #d68a28 solid overline;
  text-decoration: #d68a28 solid overline;
  -webkit-text-decoration-skip: objects;
  text-decoration-skip: objects;
}
</style>

Podkreślenie pod tekstem

KOD DO EFEKTU:

<div class="lower" style="text-align: center;">
TWÓJ TEKST</div>

<style>
.lower {
  -webkit-text-decoration: #d68a28 solid underline;
  text-decoration: #d68a28 solid underline;
  -webkit-text-underline-position: under;
  text-underline-position: under;}
</style>