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](/rs/ic/gi_713_0.jpg)
İ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](/rs/ic/gi_713_1.jpg)
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](/rs/ic/gi_713_2.jpg)
Arkaplana Background Repeat İle 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.
![Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme](/rs/ic/gi_713_0.jpg)
İ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](/rs/ic/gi_713_1.jpg)
<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>
<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](/rs/ic/gi_713_2.jpg)
Arkaplana Background Repeat İle Zemin Verme
![Tek parça resim dosyasından ilgili resmi ekrana çıkartma, arkaplana background repeat ile zemin verme](/rs/ic/gi_713_3.jpg)
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