Hvordan endre farger i Googles CSS

Google Chrome støtter Cascading Style Sheets, en felles stilark språk som brukes til å endre utseendet på tekst, bilder, tabeller og andre aspekter av et nettsted. Du kan endre farger i Google CSS gjennom "farge" og "background-color" egenskaper. Disse egenskapene kan gjelde for nesten alle element på en webside.

Bruksanvisning

1 Legg til "<style>" og "</ style>" til HTML. Sett kodene i mellom "<head>" og "</ head>" koder:

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

2 Legg et element for å endre. Sett inn element i mellom "<style>" og "</ style>" koder. Eksempler på elementer inkluderer "body", "p", "h1" gjennom "h6", "en", "td" og "div." Koden bør ligne på følgende:

element {}

3 Sett "background-color:" mellom klammeparenteser for å endre bakgrunnsfarger i Google med CSS; Sett "color:" mellom klammeparenteser for å endre tekstfarge:

td {color:}

eller

td {background-color:}

4 Legg den heksadesimale fargekoden til attributtet. Sett inn koden etter kolon, deretter plassere et semikolon etter den heksadesimale koden:

body {background-color: # FFFF00; }

5 Legg til "linken", "besøkt", "aktiv" og "svever" til CSS-attributtet når du arbeider med "a" element, slik at koden ligner på følgende:

en: link {color: # 000000; }
a: besøkte {color: #FFFFFF; }
a: active {color: # FF00FF; }
a: hover {color: # FFFF00; }

Hint

  • "Link" endrer utseendet på unvisited lenker; "Besøkt" endrer utseendet på besøkte lenker; "Aktiv" endrer utseendet på en link når du klikker på; "Sveve" endrer utseendet på linken når moused over.
  • Du kan bruke de samme fargene til flere elementer ved bruk av komma. For eksempel, for å gjøre både besøkt og unvisited lenker svart, endre CSS-koden til følgende: "a: link, a: besøkte {color: # 000000;}".