Posar una imatge de fons en un lloc web és un assumpte de cinc minuts. Es gasta molt més temps en la preparació de la imatge: selecció, ajust, afegint efectes, composant diverses il·lustracions en un fitxer gràfic.
Instruccions
Pas 1
L’atribut de fons s’encarrega de gestionar el fons. Per omplir la pàgina de manera uniforme amb un sol color, utilitzeu l'etiqueta d'estil al cos:. El fons serà negre. Si utilitzeu CSS, poseu-vos al cap: body {background-color: # 000000;}
Pas 2
Amb l'ajut d'un enllaç, es defineix una imatge que es repeteix. L'adreça s'especifica com a enllaç extern o intern. Quan utilitzeu aquest mètode, és important que les costures entre les imatges es mantinguin invisibles, en cas contrari la pàgina es veurà descuidada. A CSS, utilitzeu: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Pas 3
Es pot controlar la repetició del patró. La repetició de fons és responsable d'aquesta funció juntament amb els elements següents: - repetir-x - repetició horitzontal; - repetir-y - repetició vertical: - repetir - repetir en ambdues direccions; - no repetir - sense repetir. Està configurat com això: cos {background-color: # 000000; imatge de fons: url ("butterfly.gif"); background-repeat: no repetir; }
Pas 4
La posició de fons ajuda a situar la imatge a la part desitjada de la pàgina web. Les coordenades es poden definir mitjançant percentatge (50% 75%), centímetres (5cm 5cm), aspecte de píxel (200px 400px), forma de paraula (esquerra, dreta, superior, centre, inferior). Per exemple: body {background-color: # 000000; imatge de fons: url ("butterfly.gif"); background-repeat: no repetir; arxiu adjunt de fons: fix; posició de fons: part inferior esquerra; } El valor 0% 0% és igual a la part superior esquerra.
Pas 5
La propietat background-attachment especifica si les imatges es desplacen junt amb la pàgina (background-attachment: scroll) o no (background-attachment: fix).
