CSS: Links stylen

Nebst farblicher Hervorhebung von Links wird oft mit „underscore“ gearbeitet. Dieser undersore hängt mir ein wenig nahe am Text – ist halt Geschmacksache.

Ein bisschen schöner – für mich – sieht es aus mit einem „border-bottem“:  Link der nirgends hin führt.

CSS-Anweisung – könnte ungefähr so aussehen:

/* Links */ 
.wrapper a, .site-info a {
 text-decoration: none;
 color: #f47428 !important;
 border-bottom: 1px dotted #f47428; } 
.wrapper a:hover, .site-info a:hover {
 text-decoration: none;
 color: #994b18 !important;
 border-bottom: 1px dotted #994b18; }