Nasıl Yapılır?

Css İle Arka Plan Resimini Ekrana Sığdırmak

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 bütün 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 resimin tekrarlı olmamasını sağlıyoruz. Background-size ile arka plan resmimizin sayfaya sığdırılmasını söylüyoruz.

Daha fazla göster

İlgili Makaleler

Ayrıca kontrol

Close
Close
Close