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

Boja pozadine /BACKGROUND COLOR/  STYLE="BACKGROUND-COLOR:naziv_boje_ili_kod_boje;"


Slika 1. Izbor vrijednosti atributa - Linijski CSS /INLINE CSS/

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

Oznake:
TAG - p | h1 | h2 | h3 | h4 | h5 | h6 | BODY | DIV | SPAN - TAG može da primi jednu od navedenih vrijednosti
p paragraf /PARAGRAPH/
h1 | h2 | h3 | h4 | h5 | h6 - zaglavlje teksta /HEADINGS/
BODY - Tekst u cijelom dokumentu
DIV - Tekst u cijeloj DIV sekciji
SPAN - Tekst u cijeloj SPAN sekciji

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 /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;">
<h2 style="background-color:yellow;">Ovo je zaglavlje /HEADINGS H2/</h2>
<p style="background-color:white;">Ovo je tekst u paragrafu.</p>
</body>
</html>

Ovo je zaglavlje /HEADINGS H2/

Ovo je tekst u paragrafu.
 

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

<!DOCTYPE html>
<html>
<head>
<title>pozadina sa kodovima </title>
</head>
<body style="background-color:#FF0000;">
<h2 style="background-color:#FFFF00;">Ovo je zaglavlje /HEADINGS H2/</h2>
<p style="background-color:#FFFFFF;">Ovo je tekst u paragrafu.</p>
</body>
</html>

Ovo je zaglavlje /HEADINGS H2/

Ovo je tekst u paragrafu.

Primjeri korištenja Boja pozadine /BACKGROUND COLOR/ STYLE="BACKGROUND-COLOR:

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