avatar

Css İle Arka Plan Resimini Ekrana Sığdırmak (Çözüldü)

08/03/2021
admin

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ış:

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.

 

Yorumlar Yorum Yap