Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme

Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
Tek Parça Resim Dosyasından İlgili Resmi Ekrana Çıkartma
 Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
    İlk önce resim dosyasından kaç tane resim ekrana basmak istiyorsak o kadar div ekliyoruz.
Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme
 
<body>
<div style="float:left; width:29px; height:30px; background-repeat:no-repeat; background-position:-60px 2px; background-image: url(simge.jpg);"></div>
<div style="float:left; width:30px; height:30px; background-repeat:no-repeat; background-position:-90px 2px; background-image: url(simge.jpg);"></div>
</body>
 
   
    Gerekli CSS ayarlamalarını yaptıktan sonra ekran görüntüsü aşağıdaki gibi olacaktır. Tek parça resim dosyasından resimleri çekmek sitemizdeki resimlerin daha hızlı yüklenmesini sağlar.
 Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme

Arkaplana Background Repeat İle Zemin Verme
Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme   
    no-repeat : Tekrar yok.Resim boyutu ne olursa olsun ekranda sadece bir tane resim görünür.
    repeat : Sayfa boyutunda tekrar yapar.
    repeat-x : Sadece x(yatay) düzleminde tekrarlar.
    repeat-y : Sadece y(dikey) düzleminde tekrarlar.
Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...