Quan creeu el vostre propi lloc web, és natural que vulgueu que es mostri de la manera més atractiva possible independentment de la versió del navegador de l’usuari. En particular, perquè la imatge de fons s’estiri i s’ajusti a la resolució del monitor de l’ordinador.
És necessari
habilitats per treballar amb html, css, java-script
Instruccions
Pas 1
Obriu el codi del vostre lloc a qualsevol editor, com ara Bloc de notes o un programa de disseny web dedicat, Dreamweaver. Enganxeu les línies següents al codi per estirar el fons del lloc. Afegeix fons: URL ("Inseriu un enllaç a la imatge").
Pas 2
Per dimensionar la imatge horitzontalment, utilitzeu el codi següent: Fons: url ("Inseriu un enllaç a la imatge" repetiu-x), verticalment: al final del codi, substituïu x per y. Si el lloc té un estil CSS, enganxeu-hi el codi. D'aquesta manera, podreu posar un fons de goma al vostre lloc.
Pas 3
Utilitzeu l'exemple de codi següent per col·locar una imatge de fons en una pàgina i estirar-la automàticament per ajustar-la a la resolució del monitor on es visualitza la pàgina. Codi d'exemple: body {background: "Insereix un enllaç a la imatge de fons" () no es repeteix el centre esquerre fix; després, mida de fons: […].
Pas 4
Per estirar la imatge de fons, només cal inserir una imatge com a fons i establir l’amplada al 100%. Per exemple, inseriu el text següent al codi de la pàgina: imatge de fons "alt =" Introduïu el nom de la imatge "/>. Per tant, s'utilitzarà per ajustar-se a l'amplada de la imatge, però es infringiran les seves proporcions.
Pas 5
De la mateixa manera, podeu configurar la imatge per estirar-se en alçada, utilitzar alçada en lloc de l'atribut ample. O utilitzeu el següent exemple de codi per a css: imatge de fons del lloc) "> i després afegiu-hi el 100% d'amplada de la imatge com a l'exemple anterior. També podeu utilitzar l'script per esbrinar la resolució de pantalla de l'usuari i editar la mida de la teva taula per això.
