| <!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> |