Barevné kódy CSS

Barevné kódy a názvy CSS.

• Červené barvy
• Oranžové barvy
• Žluté barvy
• Zelené barvy
• Azurové barvy
• Modré barvy
• Fialové barvy
• Růžové barvy
• Bílé barvy
• Šedé barvy
• Hnědé barvy

Barva CSS

Barevný kód může být jeden z:

Hex formát: # rrggbb

Formát RGB: rgb (červená, zelená, modrá)

Formát jména: jméno

Příklad

Oranžová barva:

Šestnáctkový formát: # FFA500

Formát RGB: rgb (255 165,0)

Formát jména: oranžový

Nastavení barvy prvku

Pro konkrétní prvek:

<element style = "color: code ;"> </element>

Pro všechny prvky stejného typu. Vložte kód do značky <style> do sekce head:

<style>
   element {color: code ; }
</style>

Příklad

Nastavení barvy textu odstavce na červenou:

Nastavení barvy konkrétního odstavce:

<p style = "color: # FF0000;"> Nějaký text ... </p>

Pohled:

Nějaký text ...

Nastavení barvy všech odstavců

<style>
   p {color: # FF0000; }
</style>

Nastavení barvy pozadí prvku

element {background: code ; }

Příklad

Nastavení barvy pozadí odstavce na červenou:

Nastavení barvy pozadí konkrétního odstavce:

<p style = "background: # FF0000;"> Nějaký text ... </p>

Pohled:

Nějaký text ...

Nastavení barvy pozadí všech odstavců:

<style>
   p {background: # FF0000; }
</style>

Nastavení barvy okraje prvku

element {border-color: topcode rightcode bottomcode leftcode }

Příklad

Nastavení barvy okraje odstavce na červenou, zelenou, modrou a černou:

Nastavení barvy okraje konkrétního odstavce:

<p style = "border-color: # FF0000 # 00FF00 # 0000FF # 000000; border-style: solid" "Nějaký text ... </p>

Pohled:

Nějaký text ...

Nastavení barvy okraje všech odstavců:

<style>
   p {border-color: # FF0000 # 00FF00 # 0000FF # 000000; }
</style>

Červené barvy

Oranžové barvy

Žluté barvy

Zelené barvy

Azurové barvy

Modré barvy

Fialové barvy

Růžové barvy

Bílé barvy

Šedé barvy

Hnědé barvy