Kā iestatīt teksta un priekšplāna krāsu ar kaskādes stila lapu krāsu īpašībām

Maijs 18, 2024

Izmantojot krāsu īpašību Cascading Style Sheets, jūs varat kontrolēt tīmekļa lapas teksta krāsu vai vietnes sadaļu (vai elementu). Papildus teksta krāsas kontrolei varat izmantot arī CSS krāsu rekvizītu, lai iestatītu horizontālo kārtulu un formas elementu krāsu. Apskatīsim piemēru, kurā teksta iestatīšanai atverē tiek izmantots krāsu īpašums

un slēgšana

tagi melnā krāsā un elementa krāsa sarkanā krāsā.

Pamata CSS kods

Piemērs

teksts iet šeit

Tava epasta adrese

…

Katrā CSS noteikumā ir atlasītājs un deklarācijas bloks. CSS deklarācijas bloks ir novietots starp atvēršanas {un aizvēršanas} cirtainiem iekavām, un katram atlasītājam ir viens vai vairāki rekvizītu vērtības pāri.

Atlasītāji

lpp
forma

Pirmais CSS noteikums mūsu piemērā kontrolē teksta krāsu starp jebkuru

tagi mūsu tīmekļa vietnē. P

tags ir šī noteikuma atlasītājs un liek pārlūkprogrammai iestatīt tekstu melnā krāsā. Otrais noteikums tagu izmanto formas elementa atlasītājā, lai teksta "Jūsu e-pasta adrese" krāsu iestatītu sarkanā krāsā.

Īpašības

krāsa:

Krāsas īpašums ir atribūts, kas nosaka teksta un priekšplāna krāsas krāsu. Mūsu piemērā krāsu īpašība tiek izmantota, lai iestatītu krāsu gan p, gan formas elementiem. Ievērojiet, ka īpašuma nosaukumam seko kols (:).

Vērtības

#000000;
sarkans;

Krāsas vērtības iestatīšanai var izmantot krāsas nosaukumu, heksadecimālo krāsu kodu vai RGB krāsu kodu. Šajā piemērā p elementam mēs izmantojām heksadecimālo krāsu kodu (# 000000) un formas elementa krāsas nosaukumu (sarkans). Mēs būtu varējuši izmantot arī RGB krāsu kodu rgb (100%, 0%, 0%). Ievērojiet, ka krāsas vērtībai seko semikols (;).

Kā iestatīt teksta un priekšplāna krāsu ar kaskādes stila lapu krāsu īpašībām, HTML, CSS krāsu īpašībām, kā izmantot krāsu rekvizītus, kā Web vietā iestatīt teksta krāsu ar CSS, kā iestatīt krāsas krāsu horizontāls noteikums tīmekļa vietnē ar CSS, kā CSS izmantot, lai iestatītu formas elementa krāsu

Iepriekšējais Raksts

Nākamais Raksts

Saistītie Raksti

datori

Uzzīmējiet Ziemassvētku eglīti Adobe Illustrator - 2

Maijs 2024

Mēs izmantosim jauno gradientu, lai izveidotu sava projekta fona. Slāņu panelī 1. slāni pārdēvējiet par “Background”. Rīku panelī noklikšķiniet uz rīka Taisnstūris un iestatiet insultu uz nulli....

datori

Ergonomika Mērķis un funkcijas

Maijs 2024

Ergonomika attiecas uz to, kā cilvēki veic darbu. Ergo nozīmē “darbs” un gnomika nozīmē “likumi”. Kā zinātne ergonomika identificē darba fizikālās īpašības un to, kā tas tiek darīts, ietekmē ķermeni....