Tutorials on styling links with CSS

Enhance a web site's links with CSS using hover effects, visited states, icons, and previews.

css links tutorials
Meyerweb.com - Link Specificity
How pseudo-classes affect specificity.
Smileycat.com - Block Hover Effect
How to Create a Block Hover Effect for a List of Links.
SimpleBits.com - Clickable Link Backgrounds
A tutorial on making an unordered list of links, each with a unique left-aligned icon that is referenced with CSS and can also be clicked.
Dbenton.com - Fitts law
Increasing the link target area - with no gaps in text - using css and no extra markup.
Colly.com - Ticked off lists
How to create a list with dynamic icons to show visited / active status graphically.
Askthecssguy.com - hyperlink favicon cues
For links that point to external sites, what if, instead of showing a generic 'external link' icon, we showed that site's favicon.
Lab.arc90.com - Link thumb
Add a thumbnail preview of a linked site to display under the link on hover.

^ Top of Page • Site map •