Hvordan man laver en webside baggrundsbillede Stretch

May 5

Hvordan man laver en webside baggrundsbillede Stretch


Sommetider baggrundsbilleder ikke altid passer til en webside perfekt. Strækker et baggrundsbillede, så det passer den webside er den bedste løsning i sager som denne. For at gøre en webside baggrundsbillede strækning, skal du ansætter HTML eller CSS kode, der vil tillade dig at gøre det.

Instruktioner

1 Åbn en stil tag i din HTML-header for at oprette din CSS kode:

<Style type = "text / css">

2 Angiv CSS ejendomme til nogen margen eller polstring, der skal anvendes til html eller kroppen af ​​dit dokument ved at indtaste følgende CSS kode:

html, body {height: 100%; margin: 0; padding: 0;}

3 Indstil egenskaberne for dit baggrundsbillede til at gøre det strække ved at indtaste følgende kode:

side-baggrund {position: fast; top: 0; venstre: 0; bredde: 100%; height: 100%;}

4 Indtast følgende kode for at tillade resten af ​​indholdet på siden skal vises korrekt:

indhold {position: relative; z-index: 1; padding: 10px;}

5 Luk stil tag ved at indtaste følgende: </ style>

6 Angiv dit baggrundsbillede i selve HTML inden en div tag for at få den til at holde sig til CSS egenskaber er defineret i den stil tag, erstatter "baggrundsbillede URL" med webadressen på dit ønskede billede:

<Div id = "side-baggrund"> ​​<img src = "baggrundsbillede URL" width = "100%" height = "100%"> </ div>

TIPS

  • Pas på forkert indtastning én sektion af kode, som din webside billede baggrund måske ikke strække hvis du gør.

relaterede artikler