Jak nastavit barvu textu a popředí pomocí vlastnosti Barva kaskádových stylů
Barvu textu na webové stránce nebo v části (nebo prvku) webové stránky můžete ovládat pomocí vlastnosti Barva kaskádových stylů. Kromě ovládání barvy textu můžete také použít vlastnost barvy CSS k nastavení barvy pro prvky vodorovného pravidla a formuláře. Pojďme se podívat na příklad, který pomocí vlastnosti color nastaví text v otvoru

a uzavírání

značky na černou a barva prvku na červenou.

Základní kód CSS



Příklad


text jde sem




Vaše emailová adresa



Každé pravidlo CSS obsahuje selektor a blok prohlášení. Deklarační blok CSS je umístěn mezi otevíracími {a uzavírací} složenými závorkami a obsahuje jeden nebo více párů hodnot vlastností pro každý selektor.

Selektory
str
formulář
První pravidlo CSS v našem příkladu řídí barvu textu mezi libovolným

značky na naší webové stránce. P v

tag je selektorem tohoto pravidla a říká prohlížeči, aby nastavil text na černou barvu. Druhé pravidlo používá selektor elementů formuláře pro značku k nastavení barvy textu „Vaše e-mailová adresa“ na červenou.

Vlastnosti

barva:
Vlastnost color je atribut, který nastavuje barvu textu a barvy popředí. V našem příkladu se vlastnost color používá k nastavení barvy pro prvky p a form. Všimněte si, že za názvem vlastnosti následuje dvojtečka (:).

Hodnoty
#000000;
Červené;
K nastavení hodnoty barvy můžete použít název barvy, hexadecimální kód barvy nebo kód barvy RGB. V našem příkladu jsme použili hexadecimální barevný kód (# 000000) pro prvek p a název barvy (červený) pro prvek formuláře. Mohli jsme také použít barevný kód RGB RGB (100%, 0%, 0%). Všimněte si, že za hodnotou barvy následuje středník (;).




Video Návody: Jak rychle vyplnit barvu popředí a pozadí | Photoshop Tip č. 05 (Smět 2024).