Hur man lägger till en bakgrund till en webbplats: 14 steg (med bilder)

Innehållsförteckning:

Hur man lägger till en bakgrund till en webbplats: 14 steg (med bilder)
Hur man lägger till en bakgrund till en webbplats: 14 steg (med bilder)

Video: Hur man lägger till en bakgrund till en webbplats: 14 steg (med bilder)

Video: Hur man lägger till en bakgrund till en webbplats: 14 steg (med bilder)
Video: Hitta modellnamn, produktnummer eller serienummer till din stationära dator från HP | HP Support 2024, April
Anonim

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

Lägg till en bakgrund till en webbplats Steg 1
Lägg till en bakgrund till en webbplats Steg 1

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.

Lägg till en bakgrund till en webbplats Steg 2
Lägg till en bakgrund till en webbplats Steg 2

Steg 2. Öppna din webbkod (källa)

Lägg till en bakgrund till en webbplats Steg 3
Lägg till en bakgrund till en webbplats Steg 3

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)
Lägg till en bakgrund till en webbplats Steg 4
Lägg till en bakgrund till en webbplats Steg 4

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

Lägg till en bakgrund till en webbplats Steg 5
Lägg till en bakgrund till en webbplats Steg 5

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)
Lägg till en bakgrund till en webbplats Steg 6
Lägg till en bakgrund till en webbplats Steg 6

Steg 2. Kom ihåg att skriva filändelsen.gif /-j.webp" />

Metod 2 av 2: CSS -metoder

Lägg till en bakgrund till en webbplats Steg 6
Lägg till en bakgrund till en webbplats Steg 6

Enfärgad bakgrund

Lägg till en bakgrund till en webbplats Steg 7
Lägg till en bakgrund till en webbplats Steg 7

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.

Lägg till en bakgrund till en webbplats Steg 8
Lägg till en bakgrund till en webbplats Steg 8

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

Lägg till en bakgrund till en webbplats Steg 9
Lägg till en bakgrund till en webbplats Steg 9

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.

Lägg till en bakgrund till en webbplats Steg 10
Lägg till en bakgrund till en webbplats Steg 10

Steg 2. Din kroppstagg ska nu se ut så här-

Lägg till en bakgrund till en webbplats Steg 11
Lägg till en bakgrund till en webbplats Steg 11

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).
Lägg till en bakgrund till en webbplats Steg 12
Lägg till en bakgrund till en webbplats Steg 12

Steg 4. Kom ihåg att lägga till.extensionerna också

Upprepande mönstrad bakgrund

Lägg till en bakgrund till en webbplats Steg 13
Lägg till en bakgrund till en webbplats Steg 13

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

Lägg till en bakgrund till en webbplats Steg 14
Lägg till en bakgrund till en webbplats Steg 14

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-

där SRC är källan till bakgrundsbilden, är POSITION bildens position (den kan sträcka sig från mitten till övre högra hörnet); bakgrundsfästning är den huvudsakliga "katalysatorn" av denna bakgrundstyp. Den används för att berätta bakgrundens position och det rekommenderas att den inte ska ändras.

Tips

Rekommenderad: