CodePen Embed - Text decoration customize

<p id="p1">Lorem ipsum dolor sit amet consectetur.</p>

<p id="p2">Lorem ipsum dolor sit amet consectetur.</p>

<p id="p3">Lorem ipsum dolor sit amet consectetur.</p>

#p1 {
    text-decoration-line: underline;
    text-decoration-color: red;
}

#p2 {
    text-decoration-line: underline;
    text-decoration-color: red;
    text-decoration-thickness: 5px;
}

#p3 {
    text-decoration-line: underline;
    text-decoration-color: red;
    text-decoration-style: wavy;
}

Run Pen

This Pen is owned by Eric Hu on CodePen.

See more by @ericnanhu on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.