HTML biçimlendirme dili, bir web tasarımcısının herhangi bir resmi arka plan resmi olarak kullanmasına izin verir. Ancak, dilin kendisinde arka plan görüntüleri için yerleşik kontroller yoktur. Basamaklı CSS stil sayfaları kullanılarak daha fazla ince ayar yapılır.
Talimatlar
Aşama 1
Arka planı tarayıcının tüm genişliğine genişletmek için CSS'nizde z-index parametresini kullanmanız gerekir. Oluşturduğunuz öğelerin sırasını ayarlamanıza olanak tanır. Bu özelliğin değeri ne kadar yüksek olursa, blok sayfada o kadar yüksek olur.
Adım 2
Html ve css formatında yeni belgeler oluşturun (sağ fare tuşu - "Yeni" - "Metin dosyası") ve herhangi bir metin düzenleyiciyi kullanarak açın.
Aşama 3
Arka plan resmini alt katmana yerleştirin. Ekran çözünürlüğüne bağlı olarak uzayacaktır. En üstte, sayfa içeriğinin görüntüleneceği başka bir öğe bulunacaktır. Bunu yapmak için iki blok oluşturun. css dosyasına şunu yazın:.1layer {z-endeksi: 1; genişlik: %100 yükseklik: %100 konum: mutlak;}.2katman {Konum: mutlak; z-endeksi: 2; } konum: mutlak parametresi, mutlak konumlandırmayı, yani. katman, diğer öğelerden bağımsız olarak konumlandırılacaktır.
4. Adım
Oluşturulan CSS kodunu, bağlantı etiketini kullanarak HTML dosyasına ekleyin: Sayfa arka planı
Adım 5
Yeni bir katman oluşturun. etiketi kullanma
üzerine bir resim koyun. Örneğin: Sayfa içeriği img için yalnızca genişlik parametresi belirtilir, çünkü ek olarak yükseklik belirtirseniz bazı tarayıcılarda görüntü bozulması görünür.
6. Adım
Değişikliklerinizi kaydedin. Kodunuzu test etmek için tarayıcı pencerenizdeki sayfayı büyütün. Arka plan resmi de büyütülmelidir.
