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
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;}
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
utiliser un style CSS pour la ligne d'ancrage:
<a href="foo" style="color:orange"....
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>
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
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.
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>
- 1. HTML liens relatifs à différents domaines
- 2. Faire des mots de différentes couleurs dans JTextField/JTextPane /?
- 3. Comment puis-je avoir différentes couleurs pour différents onglets dans SuperTabNavigator.
- 4. Différentes couleurs pour les liens lorsqu'ils sont affichés à l'écran par rapport à l'impression?
- 5. Comment faire pour centrer des liens en HTML
- 6. Comment faire des liens HTML dans un listView Elément focalisable?
- 7. Est-il possible d'avoir différents membres dans un document de classe ont des couleurs différentes?
- 8. Comment faire pour qu'un fichier .myhtml ait des couleurs en tant que fichier html dans vim?
- 9. JComboBox ajoutant différentes couleurs à chaque élément
- 10. Comment donner des cubes GLUT de différentes couleurs?
- 11. Comment puis-je affecter différentes actions pour différents boutons de soumission dans le même format html?
- 12. Comment créer ColumnCharts empilée avec des couleurs différentes dans Flex
- 13. Admin, deux liens vers des vues différentes?
- 14. liens Extrait de HTML
- 15. Comment faire div ayant coin arrondi avec deux couleurs?
- 16. Afficher différentes pages à différents utilisateurs
- 17. Lien css problème de schéma de couleurs différentes
- 18. filtres différents sur des colonnes différentes
- 19. Comment définir différentes couleurs d'arrière-plan pour différentes pages dans un fichier css?
- 20. C# Form.TransparencyKey travail différent pour différentes couleurs, pourquoi?
- 21. Différentes conventions NHibernate différentes pour différents types de base
- 22. Où ou comment je vois les différentes SystemColors dans les différents thèmes?
- 23. Comment faire 5 liens pour ouvrir le même popup modal?
- 24. Ouvrir un sélecteur de couleurs dans un div html sans faire défiler l'élément div html
- 25. Comment faire en sorte que différents threads exécutent différentes parties dans CUDA?
- 26. Différentes page d'accueil Drupal de différents pays
- 27. Enregistrement d'images avec des arrière-plans de couleurs différentes
- 28. Ajout de données différentes à différents onglets jquery
- 29. Dépendances de DLL - différentes sur différents systèmes?
- 30. Comment créer des liens ASP.NET MVC écrits en différents alphabets
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
@Welbog: Vous avez raison, j'étais pressé. Actualisé. – NotMe