2009-11-16 3 views
1

Je génère un fichier html avec de nombreux liens différents et ils (par défaut) affichent tous la couleur bleue régulière. Y at-il de toute façon je peux faire certains liens de couleurs différentes. notez que ce HTML est poussé dans Outlook comme un email, donc je ne peux pas avoir des fichiers CSS distincts.comment puis-je faire différents liens HTML différentes couleurs. .

Répondre

4

Vous pouvez mettre votre css dans le <head/> du <html>. Style de vos liens avec la couleur (s) que vous voulez. Si vous avez besoin de plus d'un type de lien, utilisez des classes. par exemple.

a { color: #abcde1} 
a.visited, a.hover {color: #1abcde;} 

a.special {color:#123456;} 
1

Il existe plusieurs façons différentes. CSS peut apparaître dans votre tag de tête, il ne doit donc pas être une feuille de style séparée.

La première consiste à utiliser l'attribut style:

<a style="color:blue;">...</a> 

Une autre est d'utiliser des classes CSS:

<style> 
.navLink { color: blue; } 
</style> 

<a class="navLink">...</a> 

Il y a beaucoup d'options. Voir http://www.echoecho.com/csslinks.htm

+5

Nommer une classe CSS « ​​BlueLink » est une chose terrible d'enseigner à quelqu'un de nouveau à des classes CSS. Démarrez-le avec les bonnes habitudes: les noms de classe qui se rapportent au contenu, pas le style. – Welbog

+0

@Welbog: Vous avez raison, j'étais pressé. Actualisé. – NotMe

1

utiliser un style CSS pour la ligne d'ancrage:

<a href="foo" style="color:orange".... 
0

Vous pouvez utiliser des classes pour vos styles:

votre fichier CSS:

.redlinks a 
{ 
    color: #FF0000; 
} 

.greenlinks a 
{ 
    color: #00FF00; 
} 

votre fichier HTML:

<div class="redlinks"><a href="#">my link</a></div> 
+2

Même avec la réponse de Chris Lively, ce sont des noms de classe CSS terribles. La dernière chose dont nous avons besoin, c'est que plus de gens apprennent de mauvaises habitudes CSS. – Welbog

0

vous pouvez utiliser internal style sheet or inline styles en supposant que le client de messagerie ne les ignore pas. bien sûr, en jouant avec les couleurs de lien, vous courez le risque que les utilisateurs ne réalisent pas que vous avez des liens du tout, alors faites attention.

0

C'est par exemple l'utilisation de couleurs différentes pour les liens:

<style type="text/css"> 
a.yellowLink { color:#ff0; } 
a.greenLink { color:#0f0; } 
a.redBlueLink { color:#f00; } 
a.redBlueLink:hover { color:#00f; } 
</style> 

<a href="http://www.google.com/" class="yellowLink">I’m yellow</a> 
<a href="http://www.google.com/" class="greenLink">I’m green</a> 
<a href="http://www.google.com/" class="redBlueLink">I’m red and blue on hover</a> 
Questions connexes