Ինչպես ստեղծել ֆոնը

Բովանդակություն:

Ինչպես ստեղծել ֆոնը
Ինչպես ստեղծել ֆոնը

Video: Ինչպես ստեղծել ֆոնը

Video: Ինչպես ստեղծել ֆոնը
Video: web ծրագրավորում: Դաս 7: CSS: Ինչպե՞ս փոխել հետևի ֆոնը: 2024, Նոյեմբեր
Anonim

Ձեր կայքը ինտերնետում զարդարելու համար կարող եք փոփոխություններ կատարել դրա ձևավորման մեջ: Դիզայնը փոխելը ենթադրում է ցանկացած գործողություն ՝ հիմնական էջի ֆոնի փոփոխությունից մինչև կայքի ձևանմուշի ամբողջությամբ վերափոխում: Եթե որոշեք փոխել ձեր կայքի ֆոնը, ապա հետևյալ հրահանգը կօգնի այս խնդրի լուծմանը:

Ինչպես ստեղծել ֆոնը
Ինչպես ստեղծել ֆոնը

Անհրաժեշտ է

Css ֆայլի խմբագրում:

Հրահանգներ

Քայլ 1

Հիմնականում կայքի ձևավորման կոդը տեղակայված է style.css ֆայլում: Բայց յուրաքանչյուր ձևանմուշ կարող է տարբերվել նախորդից, ուստի դիզայնի կոդը կարող է տեղակայվել այլ ֆայլում, բայց նաև css ընդլայնմամբ: Ձեր կայքի ֆոնային գույնը սահմանելու համար անհրաժեշտ է մուտքագրել կամ փոխարինել առկա արժեքը հետևյալ արտահայտությամբ. / * Սպիտակ ֆոն * / մարմին {

ֆոն-գույն ՝ #FFFFFF;} / * վերնագրի սպիտակ ֆոն, սեւ տառատեսակի գույն * / h1 {

գույնը `# 000000;

ֆոնային գույն ՝ #FFFFFF;

}

Քայլ 2

Ձեր կայքում որևէ պատկեր որպես ֆոն տեղադրելու համար պետք է առկա արժեքը մուտքագրել կամ փոխարինել հետևյալ արտահայտությամբ. Body {

ֆոնային գույն ՝ # 000000;

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

}

Հարկ է նշել, որ այս դեպքում անհրաժեշտ է տրամադրել հղում դեպի պատկերի ֆայլ, որը տեղակայված կլինի css ֆայլի հետ նույն թղթապանակում:

Քայլ 3

Եթե ցանկանում եք սալիկապատել փոքր կամ փոքր նկար, ապա օգտագործեք ֆոնային կրկնելու հրամանը: Այս հրամանը ճիշտ օգտագործելու համար այս հրամանը մի քանի ճշգրտումներ ունի.

ֆոն-կրկնում. կրկնել- x - կրկնել պատկերը x առանցքի երկայնքով;

ֆոն-կրկնել. կրկնել- y - կրկնել պատկերը y առանցքի երկայնքով;

ֆոն-կրկնել. կրկնել - կրկնել նկարը միանգամից երկու առանցքի երկայնքով;

ֆոն-կրկնում. ոչ կրկնում - պատկերը չի կրկնվում;

ֆոնային կցորդ. ոլորում - նկարի ոլորում էջի հետ միասին;

ֆոնային կցորդ. ֆիքսված - պատկերը չի պտտվում:

Օգտագործելով այս հրամանի շարահյուսությունը, օրինակներում կարող եք ցույց տալ, թե ինչպես է այն աշխատում.

background-Position: 30px 40px - Պատկերը վերևից 30 պիքսել է, ձախից աջ ՝ 40 պիքսել:

ֆոնի դիրքը `60% 35% - Ձախ լիցքը 60% է, իսկ վերին լիցքը 25%:

Խորհուրդ ենք տալիս: