neděle 14. října 2012

Barvy



Způsob zápisuPříklad: červené písmoPoznámka
Jménem v angličtině<font color="red">Existuje mnoho "pojmenovaných" barev.
Procentuálním RGB zápisem<font color="rgb(100%,0%,0%)">rgb znamená Red Green Blue (v prohlížečích Opera a Mozilla to funguje jenom v CSS
Desetinným RGB zápisem<font color="rgb(255,0,0)">
Desetinným RGBA zápisem<span style="background-color: rgba(255,0,0,0.3)">
Šestnáctkovým RGB zápisem<font color="#ff0000">Tento způsob je nejjistější, nejpoužívanější a nejlepší.
Zkráceným šestnáctkovýmRGB zápisem<font color="#f00">Jenom v případě, že se všechny dvojice cifer shodují

Kódy barev : tady

Barva popředí

Barvou popředí rozumíme samotnou barvu HTML elementu (například nadpis h3). Chceme-li tuto barvu změnit, použijeme atribut style a CSS vlastnost color: style="color:barva", kde na místo slova"barva" přijde kód či jméno Vámi zvolené barvy. Například:
<h3 style="color:green">HTML Barvy</h3>


Barva pozadí

Barvou pozadí rozumíme barvu, na které bude HTML element zobrazen. Chceme-li tedy například nastavit pro nadpis h3 žluté pozadí, použijeme opět atribut style. Ovšem v tomto případě CSS vlastnost color nahradíme vlastností background-color. Zápis tedy bude vypadat následovně:
<h3 style="background-color:yellow">HTML Barvy</h3>

Barva rámečku

V HTML lze také prakticky všechny elementy orámovat rámečkem. Rámeček se vytvoří přidáním atributu style do otevíracího HTML tagu. Stejně jako u barvy pozadí či barvy popředí, existuje i pro rámeček speciální CSS vlastnost: border. Zkrácená definice rámečku vypadá následovně:style="border:šířka barva styl_rámečku".
Příklad:
<h3 style="border:2px red solid;">HTML Barvy</h3>


Barvení celého dokumentu tagem <body>

<body bgcolor="white" text="#808080" link="green" vlink="blue">


<FONT FACE="ringbearer" SIZE="24" style="#8b0000">Očekávané filmy</font>

Žádné komentáře:

Okomentovat