Com Definir El Fons

Taula de continguts:

Com Definir El Fons
Com Definir El Fons

Vídeo: Com Definir El Fons

Vídeo: Com Definir El Fons
Vídeo: LO DE RUSIA | BÓLIDOS Y LO QUE SURJA #42 2024, Maig
Anonim

Per embellir el vostre lloc web a Internet, podeu fer canvis al seu disseny. Canviar el disseny implica qualsevol acció, des de canviar el fons de la pàgina principal fins a tornar a dibuixar completament la plantilla del lloc. Si decidiu canviar el fons del lloc, la següent instrucció us ajudarà a resoldre aquest problema.

Com definir el fons
Com definir el fons

Necessari

S'està editant el fitxer css

Instruccions

Pas 1

En la seva major part, el codi de disseny del lloc es troba al fitxer style.css. Però cada plantilla pot ser diferent de l'anterior, de manera que el codi de disseny es pot ubicar en un fitxer diferent, però també amb l'extensió css. Per establir el color de fons del vostre lloc, heu d'introduir o substituir el valor existent per l'expressió següent: / * fons blanc * / body {

color de fons: #FFFFFF;} / * fons del títol blanc, color de lletra negre * / h1 {

color: # 000000;

color de fons: #FFFFFF;

}

Pas 2

Per inserir qualsevol imatge com a fons al vostre lloc, heu d'introduir o substituir el valor existent per l'expressió següent: body {

color de fons: # 000000;

background-image: url ("Image-1.jpg");

}

Cal tenir en compte que en aquest cas és necessari proporcionar un enllaç al fitxer d’imatges, que es trobarà a la mateixa carpeta amb el fitxer css.

Pas 3

Si voleu mosaicar una imatge petita o una imatge petita, utilitzeu l'ordre background-repeat. Per utilitzar aquesta ordre correctament, hi ha diversos perfeccionaments a aquesta ordre:

background-repeat: repeat-x: repeteix la imatge al llarg de l'eix x;

background-repeat: repeat-y - repeteix la imatge al llarg de l'eix y;

background-repeat: repeat - repeteix una imatge al llarg de dos eixos alhora;

background-repeat: no-repeat: la imatge no es repeteix;

background-attachment: scroll - desplaçament de la imatge juntament amb la pàgina;

adjunt de fons: fix: la imatge no es desplaça.

Utilitzant la sintaxi d'aquesta ordre, podeu mostrar com funciona en exemples:

posició de fons: 30 px 40 px: la imatge és de 30 píxels cap avall des de la part superior i 40 píxels d’esquerra a dreta.

posició de fons: 60% 35%: el farciment esquerre és del 60% i el farciment superior és del 25%.

Recomanat: