HTML նշագրման լեզուն վեբ դիզայներին թույլ է տալիս ցանկացած պատկեր օգտագործել որպես ֆոնային պատկեր: Այնուամենայնիվ, լեզուն ինքնին չունի ֆոնային պատկերների ներկառուցված կառավարման սարքեր: Ավելի լավ կարգավորումը կատարվում է կասկադային CSS ոճաթերթերի միջոցով:
Հրահանգներ
Քայլ 1
Որպեսզի ֆոնը ձգվի զննարկչի ամբողջ լայնությամբ, ձեր CSS- ում անհրաժեշտ է օգտագործել z-index պարամետրը: Այն թույլ է տալիս սահմանել ձեր ստեղծած տարրերի հերթականությունը: Որքան բարձր է այս հատկության արժեքը, այնքան բարձր կլինի բլոկը էջում:
Քայլ 2
Ստեղծեք նոր փաստաթղթեր html և css ձևաչափով (մկնիկի աջ կոճակ - «Նոր» - «Տեքստային ֆայլ») և բացեք դրանք ՝ օգտագործելով ցանկացած տեքստի խմբագիր:
Քայլ 3
Տեղադրեք ֆոնի պատկերը ներքեւի շերտի վրա: Այն ձգվելու է ՝ կախված էկրանի լուծաչափից: Վերին մասում գտնվելու է մեկ այլ տարր, որի վրա կցուցադրվի էջի բովանդակությունը: Դա անելու համար ստեղծեք երկու բլոկ: Css ֆայլում գրեք ՝ } Դիրքը. Բացարձակ պարամետրը թույլ է տալիս սահմանել բացարձակ դիրքավորում, այսինքն. շերտը կտեղադրվի անկախ այլ տարրերից:
Քայլ 4
Ներառեք ստեղծված CSS կոդը HTML ֆայլում ՝ օգտագործելով հղման թեգը ՝ Էջի ֆոն
Քայլ 5
Ստեղծեք նոր շերտ: Օգտագործելով պիտակը
նկար տեղադրել դրա վրա: Օրինակ. Էջի բովանդակությունը img- ի համար նշվում է միայն լայնության պարամետրը, քանի որ եթե լրացուցիչ բարձրություն եք նշում, որոշ զննարկիչներում կհայտնվի պատկերի աղավաղում:
Քայլ 6
Պահպանեք ձեր փոփոխությունները: Ձեր կոդը ստուգելու համար մեծացրեք էջը զննարկչի պատուհանում: Ֆոնային պատկերը նույնպես պետք է ընդլայնվի:
