Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     Bir resmi, sayfa zeminine(body) tekrarlamadan döşeme
     admin     23.01.2013     19:36:32

Bir önceki CSS dersimizde, bir resmin tekrarlanarak döşenmesini sağlamıştık. Bu sefer, resmin sayfa zemininde tekrarlanmadan ve sayfa zemini kadar büyüyerek yerleşmesini sağlayacağız. Bunun için verilen örneği inceleyiniz…



Resim :

Program Kodları :

<html>
<head>
<style>
body{ margin:0; padding:0; } /*CSS Sıfırlama*/
.arkaplan
  position:absolute;
  z-index:-1;
  margin:0; padding:0;
  height:100%;width:100%; 
}
</style>
<head>
<div class="arkaplan">
  <img src="resim_dose_02_bayrak.jpg" class="arkaplan">
<div>
</body>
</html>

Çıktı :

Facebook'ta Paylaş    
Diğer CSS İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...

Burak Sarıkafa    21.11.2016    11:51:47

 Hocam bunun html koduyla nasıl yaparız ? <style> - </style> Kodunu kullandığımda resim aşırı genişliyor. 


admin    24.11.2016    00:12:07

HTML ile olacağını sanmıyorum. body { background-image: url("paper.gif"); } bu şekilde olur. Ancak burada boyut belirtilemiyor. O yüzden örnekteki yöntemin doğru olması lazım.