Kuinka Asettaa Tausta

Sisällysluettelo:

Kuinka Asettaa Tausta
Kuinka Asettaa Tausta

Video: Kuinka Asettaa Tausta

Video: Kuinka Asettaa Tausta
Video: kuinka vaihtaa tietokonen tausta kuvaa HD:lla 2024, Marraskuu
Anonim

Voit kaunistaa verkkosivustoasi Internetissä tekemällä muutoksia sen suunnitteluun. Suunnittelun muuttaminen merkitsee mitä tahansa toimintaa, pääsivun taustan muuttamisesta sivuston mallin täydelliseen piirtämiseen. Jos päätät muuttaa sivustosi taustaa, seuraava ohje auttaa ratkaisemaan tämän ongelman.

Kuinka asettaa tausta
Kuinka asettaa tausta

Tarpeellinen

Css-tiedoston muokkaaminen

Ohjeet

Vaihe 1

Suurimmaksi osaksi sivuston suunnittelukoodi sijaitsee style.css-tiedostossa. Mutta kukin malli voi olla erilainen kuin edellinen, joten suunnittelukoodi voi sijaita eri tiedostossa, mutta myös css-laajennuksella. Sivustosi taustavärin asettamiseksi sinun on annettava tai korvattava nykyinen arvo seuraavalla lausekkeella: / * valkoinen tausta * / body {

taustaväri: #FFFFFF;} / * valkoinen otsikon tausta, musta kirjasimen väri * / h1 {

väri: # 000000;

taustaväri: #FFFFFF;

}

Vaihe 2

Jos haluat lisätä minkä tahansa kuvan sivustosi taustaksi, sinun on syötettävä tai korvattava nykyinen arvo seuraavalla lausekkeella: body {

taustaväri: # 000000;

taustakuva: url ("Image-1.jpg");

}

On huomattava, että tässä tapauksessa on tarpeen antaa linkki kuvatiedostoon, joka sijaitsee samassa kansiossa css-tiedoston kanssa.

Vaihe 3

Jos haluat laatoittaa pienen kuvan tai pienen kuvan, käytä taustatoistokomentoa. Jotta tätä komentoa voidaan käyttää oikein, tätä komentoa on useita tarkennuksia:

tausta-toisto: toista-x - toista kuva x-akselia pitkin;

tausta-toisto: toista-y - toista kuva y-akselia pitkin;

taustatoisto: toista - toista kuva kahdella akselilla kerralla;

tausta-toisto: ei-toista - kuvaa ei toisteta;

taustaliite: vieritys - kuvan vieritys sivun kanssa;

background-attachment: kiinteä - kuvaa ei vieritetä.

Tämän komennon syntaksin avulla voit näyttää sen toiminnan esimerkeissä:

background-position: 30px 40px - Kuva on 30 pikseliä alaspäin ylhäältä ja 40 pikseliä vasemmalta oikealle.

tausta-asento: 60% 35% - Vasen pehmuste on 60% ja yläosa 25%.

Suositeltava: