Takže v této kategorii si ukážeme použití pozadí v CSS a barvy v CSS, ale nemějte strach že zde bude opět jen výpis barev. Ukážeme si zde také různé kombinace.
|
Popis: |
Parametr: |
Příklad: |
Výsledek: |
| color |
nastavení barvy textu a to buď ve tvaru (#00000) a nebo názvem (black) |
color |
style="color: green" |
text |
| background-color |
nastaví barvu pozadí a to můžete ve stejném tvaru jako u textu |
background-color |
style="background-color: silver" |
bílé pozadí |
| background-image |
Nastaví obrázek jako pozadí, a pokud bude malí tak se bude opakovat |
background-image: url(cesta) |
style="background-image: url(image/obr.gif)" |
obrázek na pozadí |
| background-repeat |
Zde můžete nastavit opakování obrázku na pozadí jestli ano, jen jednou, podle osy x a y nebo ne |
repeat| no-repeat| repeat-x| repeat-y |
style="background-image: url(image/obr.gif); background-repeat: repeat-y" |
Kdybyste tu chtěli mít jen jeden obrázek použijte no-repeat |
| background-attachment |
Pozadí, které se neposune při rolování stránky |
background-attachment: scroll| fixed |
<body style="background- image: url(image/obr.gif); background- repeat: no- repeat; background- attachment: fixed"> |
Byl by tu obrázek v horním rohu |
| background-position |
Pozice pozadí na stránce |
background-positon:top| center| bottom| left| center| right| 10px| 10%| 10pt |
style="background-image: url(image/obr.gif); background-repeat: no-repeat; background-position: center" |
Nastavíte si pozici obrázku na pozadí třeba zde je na středu |
| background |
Nastavuje všechny předchozí parametry background |
background: url posouvání barva opakování zarovnání |
style="background: url(image/obr.gif) scroll lightgreen no-repeat right" |
barva, obrázek bez opakování a pozice v pravo |
