Link Underlines

I have been tinkering with blog themes during last few days and while I was just at it, also worked a bit on the link styles in this template (again). I don’t like to simply have the links in a certain color. The page quickly starts to look cluttered and additionally the beginning and end of a link are not clear: two successive words, might contain different links which without any kind of underline is not obvious.

A previous theme used box-shadow to create the underlines and after a quick research I found Create better looking underlined links with CSS3 box-shadow and text-shadow which demonstrates nicely different styles and it’s usage.

Very helpful article and applied the technique right away.