Hoe een achtergrond van een website toevoegen

De achtergrond is een van de meest cruciale elementen van een website. Een goede achtergrond creëert de toon voor de website en vult de inhoud aan. Er zijn veel manieren om het fonds toe te voegen, elk met een ander doel. Met sommige methoden kunt u de achtergrond op alle pagina`s toepassen, terwijl andere de achtergrond beperken tot slechts een bepaalde pagina. In dit artikel leer je hoe je een achtergrond op je website kunt plaatsen met HTML of CSS.

stappen

2

Open uw webcode

4

Experimenteren met RGB en # kan je veel tonen opleveren, maar je zou de eenvoudigste optie kunnen gebruiken. Maar onthoud, als je een kleur typt die niet bestaat zoals "Ultramarijn blauwachtig groen" het zal leeg zijn.

Voeg een achtergrondafbeelding toe

• Een afbeelding toevoegen is iets gecompliceerder dan een gekleurde achtergrond.

1. 1
   Voeg de eigenschap background toe aan de BODY-tag, zodat het lijkt alsof dit-
   
   waar SRC de bron van de afbeelding is. SCR kan zich in dezelfde map bevinden, of in een andere map / webpagina.
2. (in dezelfde map).
3. (in een andere map).
4. (op een andere webpagina).
5. 
   
   
   
   
   2
   Vergeet niet om de extensie .jpg / .jpeg /.jpg te typen.

2

Je BODY-label moet er zo uitzien:

Voeg een afbeelding toe

2

Het BODY-label zou er zo uit moeten zien:

3

Onthoud dat SCR de bron is. Het kan vanuit dezelfde map, andere map of andere webpagina zijn.

4

Vergeet niet om de extensies ook toe te voegen.

Herhaald beeldpatroon

1. 1
   Om een ​​herhalend patroon als achtergrond te hebben, voegt u de achtergrond toe zoals vermeld in de vorige stappen. Het "body" -label moet er zo uitzien:
   Waar REPEAT-SETTINGS de instellingen zijn. Er kunnen veel herhaalinstellingen zijn, zoals-
2. (De achtergrondafbeelding wordt zowel verticaal als horizontaal herhaald).
3. (De achtergrondafbeelding wordt horizontaal herhaald).
4. (De afbeeldingsachtergrond wordt verticaal herhaald).

Vaste afbeeldingsachtergrond

1. 
   1
   De achtergrond van de stilstaande afbeelding ziet er goed uit en verandert niet, dus u scrolt naar beneden. Om dit te doen, hoeft u alleen maar een beetje naar de code van het vorige gedeelte te gaan. Verander het volgende om er zo uit te zien:
2. 
   waar SRC de bron van de achtergrondafbeelding is, POSITIE de positie van het beeld (het kan het midden zijn, rechts, etc.) - achtergrondhechting is de belangrijkste "katalysator" van dit type achtergrond. Het wordt gebruikt om de positie van de achtergrond te bepalen en het wordt aanbevolen deze niet te veranderen.