Instead of styling your links with the default text-decoration attribute, why not try applying the border-bottom attribute. By doing so you can apply different colors to both the text and the underline creating unique effects not achievable with the text-decoration attribute.
CSS
a { text-decoration: none; border-bottom: 1px solid #d0d0d0; }
The effect can also be used to create interesting hover effects.
Do you have a creative way you style your links? Why not leave a comment and tell us about.
Tnx for tip!