Css ile Tam Sayfa Arkaplan Nasıl Yapılır?

Ocak 2012
YouTube'ta Takip Et

Tarayıcının boyutuna göre otomatik genişleyip daralabilen arkaplanları yapmak css ile mümkün. Bunu css’in background-size parametresi ile yapacağız. Ekran boyutunuz ne olursa olsun, hatta tarayıcınızı küçültüp büyüttüğünüzde arkaplanınız ekrana göre şekilleniyor ve sayfayı herhangi bir boşluk olmadan kaplamaya devam ediyor.

Html etiketine aşağıdaki kodları yazın.

Bu kodda bg.jpg kısmında arkaplana yüklemek istediğiniz imajın yolunu belirtin. Bu kodlarla otomatik olarak ekran boyutuna uyum sağlayan, esnek bir arkaplanınız olacak. Bu kodlar aynı zamanda arkaplan görselinin oranını koruyor ve görselin ortasını baz alarak boyutlandırma yapıyor. Scrollbar dediğimiz tarayıcının kaydırma çubuğu da bu kod özelliği sayesinde görünmüyor.

Gözden kaçırdığım veya eklemek istediğiniz bir şey olursa yorum kısmına yazabilirsiniz.