Hur man styr bakgrundsfärgen med hjälp av kaskadformat

April 28, 2024

Du kan använda Cascading Style Sheets för att kontrollera färgen på bakgrunden för hela webbsidan och för bara ett enskilt element på webbsidan. Låt oss ta en titt på ett exempel som sätter bakgrundsfärgen för webbsidan till vit och bakgrundsfärgen för stycket (enskilt element) till rött.

Grundläggande CSS-kod

Exempel

väljare

kropp
p

Det finns två CSS-regler i vårt exempel. Kroppen i HTML-taggen är väljaren som säger webbläsaren att tillämpa stilen för den första regeln på bakgrunden för hela webbsidan. P i HTML

tag berättar webbläsaren att tillämpa den andra regeln på stycket (elementet) på webbsidan.

Egenskaper

bakgrundsfärg

Bakgrundsfärgen är attributet som styrs av stilen. I vårt exempel inställs bakgrundsfärgattributet för både webbsidan och stycket. Egenskapsnamnet, bakgrundsfärg, följs av en kolon (:).

värden

#ffffff
röd

På höger sida av kolon är värdet för bakgrundsfärgen. I vårt exempel används den hexadecimala koden för färgen vit (#ffffff) i den första regeln och färgnamnet för röd (röd) används för den andra regeln. Du kan också använda RGB-färgkoden eller så kan du ställa in värdet på transparent, om du vill att bakgrundsfärgen ska vara transparent.

bakgrundsfärg: transparent
bakgrundsfärg: rgb (255,0,0)

Video Instruktioner: Hur man ändrar färgen på menyer i Windows 10 (April 2024).

Hur man styr bakgrundsfärgen med Cascading Style Sheets, HTML, bakgrundsfärg, bakgrundsfärg CSS, hur man ställer in bakgrundsfärgen med css, hur man ställer in bakgrundsfärgen med kaskaderande stilark, börjar CSS, börjar kaskaderande stilark, vad är kaskaderande stilark, vad är CSS, hur man använder CSS, typer av CSS, typer av kaskaderande stilark, kontroll

Tidigare Artikel

Nästa Artikel

Relaterade Artiklar

datorer

Motion 5 Video Training - Arbeta med objekt

April 2024

I den första delen av vår granskning täckte vi den första halvan av Arbeta med föremål RörelseR 5 videohandledning av macProVideo. Här är vad du lär dig mer från den här träningsvideoen av Micheal...

datorer

Väderprognos på Wii

April 2024

Det är inte bara ett spelsystem! Nintendo Wii har nu full väderprognosförmåga. Titta på morgondagens väder, en femdagarsprognos eller till och med fulla globala väderförhållanden. Först ställer du...