Bakgrunden är en av de mest avgörande delarna av en webbplats. En bra bakgrund skapar tonen för webbplatsen och kompletterar innehållet. Det finns många olika sätt att lägga till en bakgrund, varje sätt med ett annat syfte. Vissa metoder gör att du kan använda bakgrunden på alla sidor på en webbplats, medan andra begränsar bakgrunden till endast en viss sida. Den här artikeln lär dig hur du lägger till en bakgrund till din webbplats med HTML eller CSS.
Steg
Metod 1 av 2: HTML -metoder
Enfärgad bakgrund
Steg 1. En enfärgad bakgrund är den mest grundläggande typen av bakgrund som du kan lägga på en webbplats
Faktum är att varje webbplats börjar med en standard vit bakgrund. Även om en vit bakgrund kan vara väldigt snygg och ren när den används med ett harmoniskt färgschema, kan en annan färgad bakgrund gynnas med olika teman.
Steg 2. Öppna din webbkod (källa)
Steg 3. Lägg till ett attribut som heter bgcolor i kroppstaggen
Nu ska din kroppstagg se ut så här-
där FÄRGNAMN är färgens namn. FÄRGNAMN kan fyllas med många typer av färgrepresentanter-
- (färgnamn)
- (hex -värde)
- (RGB -värde)
Steg 4. Att experimentera med RGB och # kan leda till många nyanser, men du kan ta det lugna första sättet
Men kom ihåg att skriva en ovanlig färg som "Ultramarine Bluish Green" kommer att resultera i vitt.
Lägga till en bakgrundsbild
Att lägga till en bakgrundsbild är något mer komplicerat än en enfärgad bakgrund
Steg 1. Lägg till bakgrundsegenskapen i kroppstaggen, så det ser ut så här-
där SRC är källan till bilden SRC kan vara i samma mapp eller en annan mapp/webbsida.
- (i samma mapp)
- (i en annan mapp)
- (på en annan webbsida)
Steg 2. Kom ihåg att skriva filändelsen.gif /-j.webp" />
Metod 2 av 2: CSS -metoder
Enfärgad bakgrund
Steg 1. Om du vill lägga till en enfärgad bakgrund i CSS lägger du till ett stilattribut
Du kan också ge ID och klasser och använda både externa och interna formatmallar.
Steg 2. Din kroppstagg ska se ut så här-
där FÄRGNAMN är namnet på färgen, hexvärdet eller RGB (kom också ihåg de sista stegen i den enfärgade bakgrunden i HTML, de är tillämpliga även här).
Lägga till en bild
Steg 1. För att lägga till en bild, lägg till stilattributet till kroppstaggen
Du kan också ge ID och klasser och använda både externa och interna formatmallar.
Steg 2. Din kroppstagg ska nu se ut så här-
Steg 3. Kom ihåg att SRC är källan
Det kan vara från samma mapp, annan mapp eller en annan webbsida.
- (i samma mapp)
- (i en annan mapp)
- (på en annan webbsida).
Steg 4. Kom ihåg att lägga till.extensionerna också
Upprepande mönstrad bakgrund
Steg 1. För att göra en upprepad mönsterbakgrund, lägg till en bakgrund enligt ovanstående steg
Din kroppstagg måste nu ändras till-
Där REPEAT-INSTÄLLNINGAR är inställningarna. Det kan finnas många upprepade inställningar, som-
- (Bakgrunden upprepas både vertikalt och horisontellt.)
- (Bakgrunden upprepas horisontellt.)
- (Bakgrunden upprepas vertikalt.)
Fast bildbakgrund
Steg 1. Fasta bildbakgrunder ser coola ut och ändras inte när du rullar ner
För att göra dem behöver du bara göra några enkla justeringar av koden i avsnittet ovan. Gör tweaks för att få body-taggen att se ut så här-