Kā Iestatīt Fonu

Satura rādītājs:

Kā Iestatīt Fonu
Kā Iestatīt Fonu

Video: Kā Iestatīt Fonu

Video: Kā Iestatīt Fonu
Video: Delibal | Sezen Aksu - Ben Öyle Birini Sevdim Ki 2024, Maijs
Anonim

Lai izrotātu savu vietni internetā, varat veikt izmaiņas tās dizainā. Dizaina maiņa nozīmē jebkādas darbības, sākot no galvenās lapas fona maiņas līdz vietnes veidnes pilnīgai pārzīmēšanai. Ja jūs nolemjat mainīt savas vietnes fonu, šī problēma palīdzēs atrisināt šo instrukciju.

Kā iestatīt fonu
Kā iestatīt fonu

Nepieciešams

Rediģēt CSS failu

Instrukcijas

1. solis

Vietnes dizaina kods lielākoties atrodas failā style.css. Bet katra veidne var atšķirties no iepriekšējās, tāpēc dizaina kods var atrasties citā failā, bet arī ar css paplašinājumu. Lai iestatītu vietnes fona krāsu, jums jāievada vai jāaizstāj esošā vērtība ar šādu izteicienu: / * white background * / body {

fona krāsa: #FFFFFF;} / * balts virsraksta fons, melna fonta krāsa * / h1 {

krāsa: # 000000;

fona krāsa: #FFFFFF;

}

2. solis

Lai vietnē ievietotu jebkuru attēlu kā fonu, jums jāievada vai jāaizstāj esošā vērtība ar šādu izteicienu: body {

fona krāsa: # 000000;

fona attēls: url ("Image-1.jpg");

}

Jāatzīmē, ka šajā gadījumā ir jānorāda saite uz attēla failu, kas atradīsies vienā mapē ar css failu.

3. solis

Ja vēlaties uzlikt nelielu attēlu vai nelielu attēlu, izmantojiet komandu background-repeat. Lai pareizi izmantotu šo komandu, šai komandai ir vairāki uzlabojumi:

background-repeat: atkārtot-x - atkārtojiet attēlu pa x asi;

background-repeat: atkārtot-y - atkārtojiet attēlu pa y asi;

background-repeat: atkārtot - atkārtojiet attēlu pa divām asīm vienlaikus;

background-repeat: nē-atkārtot - attēls netiek atkārtots;

fona pielikums: ritināt - ritinot attēlu kopā ar lapu;

fona pielikums: fiksēts - attēls netiek ritināts.

Izmantojot šīs komandas sintaksi, piemēros varat parādīt, kā tā darbojas:

background-position: 30px 40px - attēls ir 30 pikseļus uz leju no augšas un 40 pikseļus no kreisās uz labo.

fona stāvoklis: 60% 35% - Kreisais polsterējums ir 60%, bet augšējais - 25%.

Ieteicams: