Izgled sadržaja menjamo unutar atributa style=” “.
Boja se zadaje kao kombinacija tri komponenete – crvene, zelene i plave (RGB model). Svaka komponenta može imati vrednosti od 0 do 255.
Ove vrednosti se zadaju u obliku heksadecimalnih brojeva ( 0, 1, 2, 3, …, 9, A, B, C, D, E, F). Vrednosti mogu ići od 00 do FF (što je od 0 do 255).
Postoji nekoliko osnovnih načina dodeljivanja boje tekstu i pozadini u css-u. Boja teksta se određuje svojstvom color a boja pozadine css svojstvom background-color.
- prvi način dodeljivanja boja je dodeljivanje engleskog naziva boje:
color: white;
background-color: olive;
- drugi način je zadavanjem boje u vidu heksadekadnih znakova:
color: #000000; – crna
color: #FFFFFF; – bela
color: #FF0000; – crvena
color: #00FF00; – zelena
color: #0000FF; – plava
- treći način je pomoću dekadskih vrijednosti RGB komponenti:
color: rgb(0, 0, 0); – crna
color: rgb(255, 255, 255); – bela
color: rgb(255, 0, 0); – crvena
color: rgb(0, 255, 0); – zelena
color: rgb(0, 0, 255); – plava
Boje se zapisuju u heksadecimalnom zapisu sa 6 cifara. Na primer, bela boja se zapisuje sa #ffffff, jer je to u rgb (red, green, blue) zapisu (255, 255, 255), a dekadni broj 255 je ff u heksadecimalnom zapisu.
Pozadina (background)
<BODY style=”background-color:#e6e6fa”>
</BODY>
Umesto boje pozadine, možete koristiti i sliku.
<BODY style=”background-image:url(slika.jpg)”>
</BODY>
Ovako definisana slika će se ponavljati preko čitave strane. Ukoliko to ne želimo, možemo podesiti:
background-repeat:no-repeat – pozadina se ne ponavlja uopšte,
background-repeat:repeat-x – pozadina se ponavlja po x osi,
background-repeat:repeat-y – pozadina se ponavlja po y osi.