Di default il link è sottolineato e di colore blu. Per applicare uno stile diverso utilizziamo il selettore a, si possono utilizzare tutte le proprietà già usate per formattare il testo.
E’possibile anche applicare uno stile diverso ai link già visitati (a:visited) o al passaggio del mouse sul link (a:hover).
Vediamo una semplice pagina di esempio, che mostra il link AVANTI:
<html>
<head><title>Applichiamo gli stili al tag A</title></head>
<style>
a{ font-weight: bold; /* grassetto */
font-size:24px; /* grandezza del font */
color: #000000; /* colore del font */
font-family: Verdana, Arial, sans-serif; /* tipo di font */
text-decoration: underline; /* il link è sottolineato */
background-color: #ffffff; /* colore di sfondo del link */
}
a:visited{
text-decoration: none; /* se ho già cliccato sul link, esso non è più sottolineato */
}
a:hover{ /* questo stile è applicato al passaggio del mouse sul link */
text-decoration: none;
background-color: #2222ff;
}
</style>
<body>
<a href=”pagina2.html”>AVANTI</a>
</body>
</html>