← All examples

Prettier links

Gives links a subtle offset underline and clearly marks visited URLs.

Code to copy

a {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
    text-decoration-color: rgba(0,102,204,0.45) !important;
}
a:hover { text-decoration-color: #0066cc !important; }
a:visited { color: #6b3fa0 !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.