Fun with text-decoration!

The wavy underline is created with text-decoration: wavy underline.

A dashed underline uses text-decoration: dashed underline.

Add a splash of color...

Like this: text-decoration: #f44336 dotted underline.

Even put a line above the text with text-decoration: underline overline.

And for letters that drop below the underline (the quick brown fox jumps over the lazy dog): text-decoration-skip: ink.