<!DOCTYPE html>
<style>
/* Make decorations bigger so they are easier to see */
body {
font-size: 15px;
}
body > div {
margin-bottom: 15px;
}
</style>
<div>
<a href="http://wflwjflwef.com">Unvisited link: Solid blue underline, blue text.</a>
</div>
<div>
<a href="">Visited link: Solid purple underline, purple text.</a>
</div>
<div style="text-decoration: underline wavy green;">
<a href="">Custom visited link: Purple wavy underline, purple solid underline on top, purple text. </a>
</div>
<div>
<a href="" style="text-decoration: overline wavy;">Custom visited link: Purple solid underline, purple wavy overline, purple text.</a>
</div>
<div>
<a href="" style="text-decoration: underline wavy;">Custom visited link: Purple wavy underline, purple text.</a>
</div>
<div style="text-decoration: underline wavy;">
<a href="" style="color: green;">Custom visited link: Green wavy underline, green solid underline on top, green text.</a>
</div>
<div style="color: green;">
<a href="" style="text-decoration: underline wavy;">Custom visited link: Purple wavy underline, purple text.</a>
</div>
<div style="text-decoration: overline wavy;" >
<a href="">Custom visited link: Purple solid underline, purple wavy overline, purple text.</a>
</div>