Så här ställer du in text och förgrundsfärg med färgegenskaperna för överlappande stilark

April 29, 2024

Du kan kontrollera färgen på texten på en webbsida eller ett avsnitt (eller element) på en webbsida med färgegenskapen Cascading Style Sheets. Förutom att styra textfärgen kan du också använda CSS-färgegenskapen för att ställa in färgen för den horisontella regeln och formelement. Låt oss ta en titt på ett exempel som använder färgegenskapen för att ställa in texten i öppningen

och stängning

taggar till svart och färgen för elementet till rött.

Grundläggande CSS-kod

Exempel

texten går här

din e-postadress

…

Varje CSS-regel innehåller en väljare och ett deklarationsblock. CSS-deklarationsblocket är placerat mellan öppna {och stängning} lockiga parenteser och innehåller ett eller flera par med egenskapsvärde för varje väljare.

väljare

p
form

Den första CSS-regeln i vårt exempel styr färgen för texten mellan vilken som helst

taggar på vår webbsida. P i

taggen är väljaren för denna regel och berättar webbläsaren att ställa in texten till färgen svart. Den andra regeln använder formelementväljaren för taggen för att ställa in färgen på texten "Din e-postadress" till röd.

Egenskaper

Färg:

Färgegenskapen är attributet som ställer in färgen för texten och förgrundsfärgen. I vårt exempel används färgegenskapen för att ställa in färgen för både p- och formelementen. Observera att egendomsnamnet följs av en kolon (:).

värden

#000000;
röd;

Du kan använda färgnamnet, den hexadecimala färgkoden eller RGB-färgkoden för att ställa in färgvärdet. I vårt exempel använde vi hexadecimal färgkod (# 000000) för p-elementet och färgnamnet (rött) för formelementet. Vi kunde också ha använt RGB-färgkoden rgb (100%, 0%, 0%). Lägg märke till att färgvärdet följs av ett semikolon (;).

Hur man ställer in text- och förgrundsfärg med färgformen Egenskaper, HTML, CSS-färgegenskap, hur man använder färgegenskapen, hur man ställer in färgens text på en webbsida med CSS, hur man ställer in färgen på horisontell regel på en webbsida med CSS, hur man använder CSS för att ställa in formelementets färg

Tidigare Artikel

Nästa Artikel

Relaterade Artiklar

datorer

IsDate Variable Testing-funktion

April 2024

IsDate-funktionen är KRITISK för alla som arbetar med datum. Detta hjälper till att säkerställa att datumen är fullt giltiga innan de används eller läggs i databaser. Många databassamtal kommer helt...

datorer

Silhouette Studio Designer Edition-programvara

April 2024

Silhouette Studio Designer Edition är en vektortecknings- och utgångsprogramvara med många fina funktioner. Här är en översikt över programvaran och den elektroniska skärmaskinen från Silhouette...