Så här lägger du till en bakgrund till en webbplats: 14 steg (med bilder)

Bakgrunden är en av de viktigaste 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 kan du tillämpa bakgrunden till 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 hjälp av HTML eller CSS.

Steg

Metod 1 av 2:

HTML-metoder

Solid färgad bakgrund

1. En solid fä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. Men medan en vit bakgrund kan vara mycket snygg och ren när den används med ett harmoniskt färgschema, kan en annan färgad bakgrund gynnas med olika teman.

Bild med titeln Lägg till en bakgrund till en webbplats Steg 2

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

Bild med titeln Lägg till en bakgrund till en webbplats Steg 3

3. I kroppsmärket lägger du till ett attribut som heter bgcolor. Nu ska din kroppstagga så här-
där ColOnName är namnet på färgen. ColOnName kan fyllas med många typer av färgrepresentanter-

(Färgnamn)

(hex värde)

(RGB-värde)

Bild med titeln Lägg till en bakgrund till en webbplats Steg 4

4. Experimentera med RGB och # kan leda till många nyanser, men du kan ta det enkla 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 komplicerad än en solid färgad bakgrund.

1. Lägg till bakgrundsegenskapen till kroppsmärket, så det ser ut så här-

där SRC är källan till bilden kan SRC vara i samma mapp eller en annan mapp / webbsida.
(i samma mapp)
(inuti en annan mapp)
(i en annan webbsida)
2. Kom ihåg att skriva .jpg / .jpeg /.jpg-förlängning.

Metod 2 av 2:

CSS-metoder

Bild med titeln Lägg till en bakgrund till en webbplats Steg 6

Solid färgad bakgrund

1. För att lägga till en solid färgad bakgrund i CSS, lägg till en stilattribut. Du kan också geID och klasser och använd både externa och interna stylesheets.
2. Din kroppsmärke ska se ut så här-
Där Colornameis namnet på färg, Hex-värdet eller RGB (även minns de sista stegen i den fasta färgade bakgrunden i HTML, är de också tillämpliga här) .

Lägga till en bild

1. För att lägga till en bild, lägg till stilattributet till kroppsmärket. Du kan också ge ID och klasser och använd både externa och interna stylesheets.
2. Din kroppsmärke ska nu se ut så här-
3. Kom ihåg att SRC är källan. Det kan vara från samma mapp, olika mapp eller en annan webbsida.
(i samma mapp)
(inuti en annan mapp)
(på en annan webbsida).
4. Kom ihåg att lägga till .förlängningar också.

Upprepande mönstrad bakgrund

1. För att göra ett upprepat mönsterbakgrund, lägg till en bakgrund som sagt i stegen ovan. Din kroppsmärke måste nu ändras till-
Där repetitionsinställningar är inställningarna. Det kan finnas många repetitionsinställningar, som-
(Bakgrunden kommer att upprepa både vertikalt och horisontellt.)
(Bakgrunden kommer att upprepa horisontellt.)
(Bakgrunden kommer att upprepa vertikalt.)

Fast bildbakgrund

1. Fast 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 tweaks till koden i ovanstående avsnitt. Gör tweaksna för att göra kroppsdelen ser ut så här-
där SRC är källan till bakgrundsbilden, positionen är positionen för bilden (den kan sträcka sig från centrum till högsta) - Bakgrundsfäste är huvudet "katalysator"av denna bakgrundstyp. Det används för att berätta bakgrunden på bakgrunden och det rekommenderas att det inte ska ändras.

Tips

Läs hela artikeln: Avdelningen kan ha några viktiga tips (eftersom den här artikelns avsnitt har hänvisas till varandra och skriftligt förutsatt att avsnitten är alla läsningar).