CSS HTML DERSLERİ Web Tasarım

CSS Arkaplan Resmini Tam Ekran Yapma

Bu örneğimizde CSS kullanarak sayfamızda belirlediğimiz arkaplan resminin tam ekran olarak ayarlanmasını sağlayacağız. Örneğimizde “İstiklal Marşı” nı kullanacağız ve arka planda bir Türk Bayrağı ayarlayacağız. Ayarladığımız bu resmin kaydırma çubuklarıyla sayfanın aşağı ve yukarı hareket ettirildiğinde sabit olarak kalmasını sağlayacağız. Örneğimizde bayrak.jpg isimli resmi kullanacağımızdan sizde aynı örneği yapacaksanız bu isimde resmi çalıştığınız klasöre kopyalamanız gerekecektir.

Örneğimizde Arkaplan resminin tam ekran olarak görünmesini sağlayacak CSS kodları aşağıdaki gibi olacaktır.

 

Örneğin tamamı için;

Html Kodları:

Ekran Çıktısı:

1 Yorum

Yorum yap