Css Arkaplan Özellikleri

Merhaba arkadaşlar bugün css’de arkaplan resimleri nasıl eklenir size anlatmaya çalışacağım. Css Background özelliklerini sırasıyla yazacak olursak;

  • background
  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat

background: Bu özellik tüm background özelliklerini içinde barındırır.

body
{ 
    background: black url(images/yazilimsinifi.jpeg) 
}

 background-attachment : Aşağıdaki örnek arkaplanın sabit durmasını veya scrol ile resmin boyutu kadar hareket etmesini sağlar.

body 
{ 
    background-attachment: fixed; 
    background: black url(images/yazilimsinifi.jpeg);

}

background-color: Aşağıdaki örnekte arkaplanı siyah renk yapmış bulunmaktayız.

p 
{ 
    background-color: #ffffff; 
}

background-image: Arka plana resim eklemek için kullanılır.

body 
{ 
    background-image: url(images/yazilimsinifi.jpeg);
}

background-position: Arka planı konumlandırmayı veya pozisyon türetmeyi sağlamak için kullanılabilir.

body 
{ 
    background-image: url(images/yazilimsinifi.jpeg);
    background-repeat: no-repeat; 
    background-position: left; 
}

background-repeat: Aslında önceki örneklerde bu özelliği kullandık fakat bir ana başlık altında bu özelliği toplamak daha mantıklı olur diye düşündüm. Bu özellik arka planın (zeminin) tekrarlanma ile alakalı özelliklerini temsil eder. Aşağıdaki örnekte yazilimsinifi arka plan resmimizi yatay olarak tekrarlanmasını sağladık.

body 
{ 
    background: url(images/yazilimsinifi.jpeg);
    background-repeat: repeat-y; 
}

Bir başka makalede görüşmek dileğiyle…

Sedat Demirdoğan

PaylaşShare on Facebook1Tweet about this on TwitterShare on Google+0Pin on Pinterest0Share on Tumblr0Share on LinkedIn0Email this to someone

Yazar Hakkında Yazarın Bütün Yazıları Yazarın Web Sitesi

admin

Bir Cevap Yazın

Your email address will not be published. Required fields are marked *

*