Stilovi (pozadina, fontovi, boje…)

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).

Kako se prikazuju boje?

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.

  1. prvi način dodeljivanja boja je dodeljivanje engleskog naziva boje:

color: white;

background-color: olive;

  1. 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

  1. 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.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s