Come modificare i colori in CSS di Google

September 4

Google Chrome supporta Cascading Style Sheets, un linguaggio di stile comune che viene utilizzato per modificare l'aspetto del testo, immagini, tabelle e altri aspetti di un sito web. È possibile modificare i colori di Google CSS attraverso la proprietà "background-color" "colore" e. Queste proprietà possono applicare a quasi tutti gli elementi di una pagina Web.

istruzione

1 Aggiungere "<style>" e "</ style>" per il codice HTML. Inserire i tag tra la "<head>" e "</ head>" tag:

<Head>
<Style>
</ Style>
</ Head>

2 Aggiungere un elemento di cambiare. Inserire l'elemento tra il "<style>" e "</ style>" tag. Esempi di elementi includono "corpo", "p", "H1" a "H6", "a", "td" e "div". Il codice dovrebbe essere simile al seguente:

elemento {}

3 Inserire "background-color:" tra le parentesi graffe per cambiare i colori di sfondo in Google con i CSS; inserire "color:" tra le parentesi graffe per cambiare il colore del testo:

td {color:}

o

td {background-color:}

4 Aggiungere il codice esadecimale del colore per l'attributo. Inserire il codice seguente i due punti, quindi inserire un punto e virgola dopo il codice esadecimale:

body {background-color: # FFFF00; }

5 Aggiungere "link" "visitato", "attivo" e "presso" all'attributo CSS quando si lavora con l'elemento "a", in modo che il codice simile al seguente:

a: link {color: # 000000; }
a: visited {color: #FFFFFF; }
a: active {color: # FF00FF; }
a: hover {color: # FFFF00; }

Consigli e avvertenze

  • "Link" cambia l'aspetto dei collegamenti non visitati; "Visitato" cambia l'aspetto dei link visitati; "Attivo" cambia l'aspetto di un collegamento quando si fa clic su; "Hover" cambia l'aspetto del collegamento quando il mouse su.
  • È possibile applicare gli stessi colori a più elementi attraverso l'uso di virgole. Ad esempio, per rendere sia visitato e collegamenti non visitati nero, modificare il codice CSS per il seguente: "a: link, a: visited {color: # 000000;}".