Collegamenti HTML - Colori diversi
Un collegamento HTML viene visualizzato in un colore diverso a seconda che sia stato visitato, non sia stato visitato o sia attivo.
Colori del collegamento HTML
Per impostazione predefinita, un collegamento apparirà come questo (in tutti i browser):
- Un collegamento non visitato è sottolineato e blu
- Un collegamento visitato è sottolineato e viola
- Un collegamento attivo è sottolineato e rosso
Puoi cambiare i colori dello stato del collegamento, usando i CSS:
Esempio
Qui, un collegamento non visitato sarà verde senza sottolineatura. Un collegamento visitato sarà rosa senza sottolineatura. Un collegamento attivo sarà giallo e sottolineato. Inoltre, quando si passa il mouse su un collegamento (a:hover) diventerà rosso e sottolineato:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
Pulsanti di collegamento
Un collegamento può anche essere stilizzato come un pulsante, utilizzando i CSS:
Questo è un collegamentoEsempio
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
Per saperne di più sui CSS, vai al nostro Tutorial CSS .
Tag di collegamento HTML
Tag | Description |
---|---|
<a> | Defines a hyperlink |
Per un elenco completo di tutti i tag HTML disponibili, visita il nostro Riferimento ai tag HTML .