HTML
CSS
Deno
Examples
Do It Yourself
Type in your code below
Run
<html><head><style> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } </style> </head><body> <a href="/diy/css-link-text-decoration.html">This link show an example of how CSS renders a:link, a:hover, a:active, a:visited, a:active.</a> <ol> <li>Notice the current text decoration (a:link).</li> <li>Hover on the link to see the text decoration (a:hover)</li> <li>Click on the link text to see the color before lifting you mouse (a:active)</li> <li>Notice the link text after page reload (a:visited)</li> </ol> *Note a:visited overrides a:hover. </body></html>