Underline color i länk
 

Hej!

Jag vill skapa en underline color i länkarna. Underline color ska inte vara samma färg som textcolor och jag vill inte använder border bottom. Går det att lösa på något annat sätt?

Tveksamt...

Du kan lägga en span innanför länken. Varför vill du inte använda border?

precis som tartar säger kan du nästla in en span i länken. gör så här:

<a href="#"><span class="link">This is a Link</span></a>

styles:

a{text-decoration:underline;color:pink;}
span.link{color:green;}

color: pink står det där smileyn hamnade :)

Varför inte använda border-bottom?

border-bottom: 1px solid #000;
color: #fff;

Hon skrev i det inledande inlägget att hon inte ville använda border av någon anledning :)

Jag får använda border om inget annat finns men jag hoppades på att det fanns något smart kommando som gick att skriva in i CCSfilen:)

Ett alternativ är ju att använda en bild som bakgrund som är en linje på 1px höjd.

Det tycker inte jag är ett alternativ. Man ska inte använda bilder för något som kan lösas med enkel kod. Det är lite som om man idag skulle använda en 1x1px transparent bild för att skapa avstånd. I det här fallet skulle det väl dessutom vara lite krångligare att lösa det med en bild. Men visst, det skulle fungera att göra så.

Varför skapa mer http requests på en sida när det finns andra lösningar?


Gör absolut inte så, border är bäst, annars span alternativet.

Jag röstar för att använda border eftersom det enkelt går att lösa utan att lägga till extra kod. Ändrar man i CSS:en så ändras det överallt och man behöver inte lägga till <span class="link"></span> på alla länkar. Man bör väl sträva efter att minimera mängden kod så mycket som möjligt.

Håller absolut med Nihilnovi och wasabi. Däremot så betyder inte mindre kod nödvändigtvis alltid att man har mer effektiv kod. Mer kod kan i vissa fall vara bättre.

Okej, tack för alla era svar! Då kör jag på en border helt enkelt:)