abc HTML5 i CSS TUTORIAL - Linijski CSS /INLINE CSS/

Boja pozadine dokumenta /PAGE BACKGROUND COLOR/ 


Slika 1. Boja pozadine /BACKGROUND COLOR/ STYLE="background-color

Boja pozadine dokumenta /PAGE BACKGROUND COLOR/  Sintaksa:   <BODY style="background-color:naziv_boje | kod_boje;">

Oznake:
BODY - TAG za boju pozadine dokumenta

background-color - Atribut za boju pozadine
naziv_boje - engleski naziv boje - Popis kodova i naziva boja je u dodatku.
kod_boje - Vrijednosti boja su od 0 - 255 (>>) odnosno heksadimalno sa znakom # ispred broja (00 do FF)Heksadicimalni brojevi :
Red – crvena – 00 - 255 - #FF0000
Green – zelena – 00 - 255 - #00FF00
Blue – plava – 00 – 255 - #0000FF


Slika 2. Boja pozadine dokumenta /PAGE BACKGROUND COLOR/ 

Odnos boja pozadina

Boja pozadine dokumenta postavlja se u TAG-u BODY naredbom BGCOLOR="#kod_boje". Može se navesti ili naziv boje ili kod (Npr. "#0000FF" za plavu boju.).
Popis kodova i naziva boja je u dodatku. 

Boje pozadina:

  1. Stranice-dokumenta /PAGE, DOCUMENT/ body TAG. <BODY>
  2. Zaglavlja u tekstu /HEADINGS/ (H1-H6).
  3. Paragrafa /PARAGRAPH/ <P>

Tri su nivoa boje pozadine teksta:

  1. Stranica-dokument /PAGE, DOCUMENT/ body TAG.
  2. DIV grupa  TAG-ova.
  3. Paragraf i zaglavlje teksta p h1,h2,h3,h4,h5,h6 TAG.

Parametri boje pozadine atubutom: < style="background-color>.

Primjer 1. Boja pozadine        BACKGROUND COLOR    (primjer crvena)

<!DOCTYPE html>
<html>
<head>
<title>pozadina crvena</title>
</head>
<body style="background-color:red;">
</body>
</html>
 

Primjer 2. Boja pozadine      BACKGROUND COLOR    (primjer žuta)

<!DOCTYPE html>
<html>
<title>zuto</title>
</head>
<body style="background-color:yellow;">
</body>
</html>		  
 

Primjer 3. Boja pozadine       BACKGROUND COLOR    (Kod crvene boje)
Opis rješenja:

<!DOCTYPE html>
<html>
<head>
<title>crveno</title>
</head>
<body style="background-color:#FF0000;">
</body>
</html> 		 
 

Primjer 4. Boja pozadine        BACKGROUND COLOR   (Kod boje plava)
Opis rješenja:

<!DOCTYPE html>
<html>
<head>
<title>plavo</title>
</head>
<body style="background-color:#0000FF;">
</body>
</html> 		 

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index