CSS: Link di Diverso Colore nella Stessa Pagina Web

Spesso abbiamo necessità di inserire un link Hypertuestuali di diverso colore nella stessa pagina web. Gli attributi dei collegamenti hypertestuali vengono settati nel foglio di stile (CSS) abbinato alla pagina web, per poter inserire link di diverso colore è sufficiente creare tante classi per quanti colori si vogliono utilizzare nella pagina web, per assegnare un colore diverso per ogni link presente nella pagina assegnare la classe che si vuole utilizzare nel Tag DIV dove verrà inserito il link. Facciamo un esempio:

Ammettimo che i link standard sono stati impostati con il seguente colore

a:link, a:active, a:visited {
color:#FEFEFE;
}

Per creare una nuova classe è sufficiente procedere in questo modo

.link2 a {
parametri del link
}

.link2 a:hover {
parametri del link
}

.link2 a:active {
parametri del link
}

.link2 a:visited {
parametri del link
}

Infine per poter assegnare il colore della nuova classe creata, impostare la classe link2 al tag DIV dove verrà inserito il link hypertestuale:

<div class="link2">contenuto con relativo link</div>

Procedendo in questo modo possiamo inserire un numero di link illimitato con diverso colore.

Set as favorite

Bookmark

Email This

Commenti (2)