Hur Man Ställer In Bakgrundsfärgen

Innehållsförteckning:

Hur Man Ställer In Bakgrundsfärgen
Hur Man Ställer In Bakgrundsfärgen

Video: Hur Man Ställer In Bakgrundsfärgen

Video: Hur Man Ställer In Bakgrundsfärgen
Video: basraaaas 2024, Maj
Anonim

Vanligtvis ställs basens bakgrundsfärg på en webbsida in med Cascading Style Sheets (CSS). Mindre vanligt används HTML-språksfunktionerna (HyperText Markup Language - "hypertext markup language") för detta. Ibland placeras CSS-beskrivningselement i HTML-taggar.

Hur man ställer in bakgrundsfärgen
Hur man ställer in bakgrundsfärgen

Instruktioner

Steg 1

Använd attributet bgcolor för body-taggen om du vill göra det så enkelt som möjligt att ange bakgrundsfärg och minimera ändringar av din källkod. Beskrivningar av alla sidelement placeras i sidkällan i ett block med HTML-kod som börjar med en tagg och slutar med en tagg. Attributet bgcolor anges i öppningstaggen och innehåller det namngivna färgvärdet (till exempel rött eller choklad) eller motsvarande hexadecimala färgkod (# FF0000 respektive # D2691E). I sin enklaste form kan en sådan tagg skrivas till exempel så här: Eller så här: Båda alternativen anger samma röda färg för dokumentets bakgrund.

Steg 2

Använd egenskapen bakgrundsfärg om du vill ställa in bakgrundsfärgen för ett dokument med ett språk för stilbeskrivning - den här metoden är mycket vanligare. Stilbeskrivningsblock kan antingen inkluderas i dokumentets källkod eller skrivas i en separat fil med css-tillägget. En länk till en extern fil placeras i rubrikdelen på sidan (mellan taggarna och) och ser ungefär så här ut: @import "style.css"; Om det inte finns något behov av att flytta CSS-instruktionerna till en ytterligare fil, sedan @import "style.css"; bör till exempel ersättas med följande test: body {background-color: Red;} Här anger body att uttalandet inuti de lockiga hakparenteserna som definierar den röda bakgrundsfärgen hänvisar till samma HTML-body-tagg. Och här finns det flera system för att bestämma färgnyanser, men hexadecimalkoder används oftast: body {background-color: # FF0000;}

Steg 3

Ersätt egenskapen bakgrundsfärg med bakgrund för att kortfattat beskriva en mer komplex bakgrundsstruktur. Till exempel, om, förutom bakgrunden till en viss färg, en bild måste placeras i dokumentets baksida. En sådan beskrivning kan se ut så här: body {background: Red url (img / BGimage.gif) no-repeat;}

Steg 4

Baserat på det alternativ du valt, förbered koden som anger dokumentets bakgrundsfärg och klistra in den i källan till sidan. Detta kan till exempel göras med hjälp av online-redigeraren på sidorna i innehållshanteringssystemet eller i vilken textredigerare som helst.

Rekommenderad: