Come modificare il colore di CSS Links

January 11

Internet Explorer, Firefox, Opera e Google Chrome, tra gli altri browser web, hanno la stessa impostazione per i collegamenti ipertestuali predefinito. Se il link non è stato fatto clic o visitato, il testo è di colore blu. Se il sito è stato visitato o il testo è stato cliccato, il testo è il magenta. Di seguito sono elencati i passaggi necessari per cambiare il colore del testo del link non visitato e il colore del testo del link visitato.

istruzione

Impostazione, stile e istruzioni

1 Come modificare il colore di CSS Links

Creare un documento standard XHTML, come mostrato, e salvarlo come "link-color.html":
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN"
"Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "it" lang = "it">
<Head>
<Title> </ title>
</ Head>
<Body>
</ Body>
</ Html>

2 Come modificare il colore di CSS Links


Digitare il seguente tra i tag <title> </ title> tag, per dare al documento HTML un titolo della pagina:
<Title> CSS Link Color </ title>

3 Come modificare il colore di CSS Links


Aggiungere l'inizio e la fine <style> </ style> tag tra i tag <head> </ head>:
<Head>
<Title> CSS Link Color </ title>
<Style> </ style>
</ Head>

4 Come modificare il colore di CSS Links


Creare un collegamento alla homepage di Google, come indicato:
<a href="Google's"> http://www.google.com "> di Google Homepage </a>
Inserire questo codice tra i tag <body> </ body>.

5 Come modificare il colore di CSS Links


Digitare il tag "a" tra il <style> </ style> tag. Poi, digitare un paio di parentesi graffe "{}". Avanti, digitare "colore: verde;" tra le parentesi graffe, come mostrato:
<Style>
a {color: green;}
</ Style>
In questo modo, il <style> </ style> tag creare un foglio di stile, che contiene le istruzioni per come appaiono gli elementi di una pagina web. In questo caso, ogni "a" tag sulla pagina web avrà testo verde. L'attributo "Colore" sta per il colore del carattere. Il valore del colore del carattere, in questo caso, è verde.

6 Come modificare il colore di CSS Links


Hit il tasto "Enter" dopo la parentesi graffa al punto 5. Digitare la seconda istruzione, come illustrato:
a: visited {color: calce;}
La parola "visita" è una pseudo-classe, il che significa che dopo che l'utente fa clic sul testo tra la "a" tag, il testo diventa verde lime.

7 Salvare e caricare il file. Se non avete visitato Google oggi, allora il colore del collegamento sarà verde. Clicca sul link. Ora premere il pulsante indietro e aggiornare la pagina. Il tuo colore collegamento dovrebbe essere verde lime.