HTML işarələmə dili bir veb dizaynerə istənilən şəkildən arxa plan şəkli kimi istifadə etməyə imkan verir. Bununla birlikdə, dilin özündə arxa plan şəkilləri üçün daxili nəzarət yoxdur. Daha yaxşı tənzimləmə kaskad CSS stilləri istifadə edilərək edilir.
Təlimat
Addım 1
Arxa planın brauzerin tam genişliyinə uzanması üçün CSS-də z-index parametrindən istifadə etməlisən. Yaratdığınız elementlərin sırasını təyin etməyə imkan verir. Bu atributun dəyəri nə qədər yüksək olarsa, blok səhifədə o qədər yüksək olacaqdır.
Addım 2
HTML və css formatında yeni sənədlər yaradın (siçanın sağ düyməsi - "Yeni" - "Mətn faylı") və istənilən mətn redaktorundan istifadə edərək açın.
Addım 3
Arxa fon şəklini alt təbəqəyə yerləşdirin. Ekranın qətnaməsindən asılı olaraq uzanacaq. Üst hissədə səhifə məzmununun göstəriləcəyi başqa bir element yerləşəcəkdir. Bunu etmək üçün iki blok yaradın. CSS faylına yazın:.1layer {z-index: 1; en: 100% boy: 100% position: mütləq;}. 2layer {Vəzifə: mütləq; z-index: 2; } Mövqe: mütləq parametr mütləq konumlandırma təyin etməyə imkan verir, yəni. qat digər elementlərdən asılı olmayaraq yerləşdiriləcəkdir.
Addım 4
Yaratılmış CSS kodunu link etiketindən istifadə edərək HTML sənədinə daxil edin: Səhifə arxa planı
Addım 5
Yeni bir təbəqə yaradın. Etiketdən istifadə
üzərinə bir şəkil qoyun. Məsələn: Səhifə məzmunu img üçün yalnız eni parametri göstərilir, çünki əlavə olaraq hündürlüyü təyin etsəniz, bəzi brauzerlərdə şəkil təhrifi görünəcəkdir.
Addım 6
Dəyişikliklərinizi qeyd edin. Kodunuzu sınamaq üçün brauzerinizin pəncərəsindəki səhifəni böyüdün. Arxa fon şəkli də böyüdülməlidir.
