Com Posar Un Fons Al Lloc

Taula de continguts:

Com Posar Un Fons Al Lloc
Com Posar Un Fons Al Lloc

Vídeo: Com Posar Un Fons Al Lloc

Vídeo: Com Posar Un Fons Al Lloc
Vídeo: Как стать монстром #1 Первый взгляд Carrion 2024, De novembre
Anonim

El fons de treball del lloc es pot comparar amb el fons de pantalla de l’escriptori del vostre sistema operatiu. Fons (fons), podeu crear diverses variacions, que es parlaran a continuació.

Com posar un fons al lloc
Com posar un fons al lloc

Necessari

S'està editant el fitxer style.css

Instruccions

Pas 1

Fons monocrom. El tipus de fons més senzill, un gran avantatge, és la càrrega mínima de la pàgina amb aquesta imatge. Si el fitxer d'estil (style.css) no conté ordres que defineixen el color de fons, el navegador suggereix el blanc per defecte. Utilitzeu l'ordre background-color per canviar el color. Un exemple d’utilitzar aquesta ordre: background-color: # 3366CC.

Pas 2

Per seleccionar un color específic, podeu utilitzar un programari especial, per exemple, l'editor gràfic Adobe Photoshop. Si mai no hi heu treballat, es recomana utilitzar serveis web. Un exemple sorprenent és el motor de cerca "Yandex", aneu al següent enllaç https://yandex.ru i introduïu la frase "color blau". Apareixerà davant vostre una taula de colors, on podreu triar qualsevol que vulgueu, copiar el codi i enganxar-lo al codi del lloc.

Pas 3

Textura de fons. A més del color de fons, podeu afegir una imatge o un patró (textura) que es repeteixi cíclicament a qualsevol pàgina del vostre lloc. Per fer-ho, després d’introduir el color de fons, escriviu l’ordre background-image, per exemple, background-image: url (img / uzor.png). El camí d'accés al fitxer s'ha d'especificar dins dels claudàtors. Val a dir que la resolució de la textura pot començar des de la més petita (16x16) i acabar amb imatges a mida completa per a la mida de les pàgines del lloc (800x600 i més).

Pas 4

Fons amb un degradat. En aquest cas, esteu utilitzant el color de fons que es va establir amb l'ordre background-color, però creant un degradat. El degradat pot ser horitzontal (x) i vertical (y). Molt sovint, s'utilitza una posició horitzontal com a degradat de fons, de manera que la línia amb el degradat serà així: background-repeat: repeat-x.

Recomanat: