Voici un exemple de code de la page HTML
(il y aurait d’autres solution, en changenat de selecteur ou en utilisant des ‘id’ au lieu des classes…)
<html>
<head>
<link rel= »stylesheet » href= »css22.css »>
</head>
<body>
u uiuihui erui uieruiheruihrui
gefyug gu
<a href=toto.htm>
un lien
</a>
<br><br>
<span class= »exemple »>
sdjh hsdf u gdui g guief guier
</span>
</body>
</html>
et la feuille de style externe correspondante :
a:link {
color: #0000FF;
text-decoration: underline;
}
a:visited {
color: #0000FF;
text-decoration: underline;
}
a:hover {
color: #0000FF;
text-decoration: none;
}
.exemple {
font-family: Courier, « Courier New », « MS Courier New », Prestige;
color: #101d27;
border-top: 1px solid #013C80;
border-bottom: 1px solid #013C80;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #E6EAF3;
}