Web sayfanızın arka planına resim koymak isteyebilirsiniz. Normal koşullarda arka plan resmini ve arka plan resminin pozisyonunu ayarlayabilirsiniz.
Bunlara ek olarak css background-size imdadımıza yetişiyor. Bu kod ile arka plan resimlerimiz ekran çözünürlüğü ne olursa olsun tüm ekranlara orantılı bir şekilde ekrana tam olarak sıkıştırılıyor.
Kullanılış:
1 2 3 4 5 |
body { background-image:url(bg.jpg); background-repeat:no-repeat; background-size: cover; } |
Açıklama: Web sayfamız arka plan resmini seçiyoruz ve resmin tekrarlı olmamasını sağlıyoruz. background-size ile arka plan resmimizin sayfaya sığdırılmasını söylüyoruz.