Kako nastaviti barvo besedila in ospredja z lastnostjo barve barv Cascading Style Sheets

Maj 4, 2024

Barvno besedilo lahko nadzorujete na spletni strani ali razdelku (ali elementu) spletne strani z barvno lastnostjo Cascading Style Sheets. Poleg nadzora barve besedila lahko s barvno lastnostjo CSS nastavite tudi barvo za vodoravno pravilo in elemente obrazca. Oglejmo si primer, ki uporablja lastnost barve za nastavitev besedila znotraj odprtine

in zapiranje

oznake črna in barva elementa do rdeče.

Osnovna koda CSS

Primer

Tukaj gre besedilo

Vaš email naslov

…

Vsako pravilo CSS vsebuje izbirnik in blok deklaracije. Blok deklaracij CSS se postavi med odpiranje {in zapiranje} kodrastih oklepajev in vsebuje enega ali več parov vrednosti lastnosti za vsak izbirnik.

Izbirniki

str
oblika

Prvo pravilo CSS v našem primeru nadzoruje barvo besedila med katerim koli

oznake na naši spletni strani. The p v

tag je izbirnik tega pravila in sporoči brskalniku, naj besedilo nastavi v črno barvo. Drugo pravilo uporablja izbirnik elementa obrazca za oznako, da barvo besedila "Vaš e-poštni naslov" nastavi v rdečo.

Lastnosti

barva:

Lastnost barve je atribut, ki nastavi barvo za besedilo in podlago. V našem primeru se lastnost barve uporablja za nastavitev barve za p in elemente obrazca. Opazite, da imenu lastnosti sledi dvopičje (:).

Vrednote

#000000;
rdeča;

Za nastavitev barve lahko uporabite ime barve, šestnajstično barvno kodo ali barvno kodo RGB. V našem primeru smo za element p uporabili šestnajstično kodo barve (# 000000) in ime barve (rdeče). Lahko bi uporabili tudi RGB barvno kodo rgb (100%, 0%, 0%). Opazite, da vrednosti barve sledi podpičje (;).

Navodila Video: Review: Quiz 1 (Maj 2024).

Kako nastaviti barvo besedila in ospredja z barvo lastnosti kaskadnega lista, barvno lastnost HTML, barvo CSS, kako uporabljati barvno lastnost, kako barvo besedila na spletni strani nastaviti s pomočjo CSS, kako nastaviti barvo horizontalno pravilo na spletni strani s CSS, kako uporabljati CSS za nastavitev barve elementa obrazca

Prejšnji Članek

Naslednji Članek

Podobni Članki

računalniki

Akvarelna kartica z brezplačno šablono Rebelle

Maj 2024

Ta vadnica je namenjena vsem izdelovalcem kartic, ki ustvarjajo akvarelne oblike za svoje karte. Naredili bomo preprost projekt kartic z uporabo digitalnih akvarelov Rebelle. Rebelle je nova...

računalniki

Dynasty Warriors 7 - XBOX 360

Maj 2024

Sedma inkarnacija formularne serije Dynasty Warriors, "DW7" komaj odstopa od standarda, določenega s prejšnjimi igrami, in dejansko pritegne na več pomembnih področjih. "Dynasty Warriors" je...