Bu derste css de arkaplan yani background kodlarını işliyecez.
Geçen derste metin işlemlerinden 3 tanesini görmüştük.
http://ustaderslik.com/konu.php?k=CSS%20Ders-3%20color%20font-family%20font-size%20Kullan%C4%B1m%C4%B1

Kodlarımıza başlayalım:

1-background-color
Arkaplana renk atamak için kullanıyoruz.geçen derste 3 renk atama türünü göstermiştim hepsi bunda da ve renk atama yerlerinde geçerli.

.site{bakground-color:red;}

.header{backgrıund-color:#000;}

2-background-image
Arkaplana resim atamak için kullanırız.CSS3 gradient özelliği ile renk geçişide sağlarız ama bunu css3 bölümünde sonra açacam.

.logo{background-image:url(logo.png);}

.menu{background-image:url(resim/menu.jpg);}

3-background-repeat
Arkaplan resim tekrarlama özelliği.Normalde her yöne tekrarlanır.
ama biz x yönünde tekrarla tekrarlama diye biliriz.

no-repeat:tekrarlama
repeat-x:x yönünde tekrarla
repeat-y:y yönünde tekrarla

.arkaplan{background-repeat:no-repeat;}

#arkaplan{background-repeat:repeat-y;}

4-background-size
Arkaplan resim boyutu için kullanırız width ve height değerlerini gireriz.

.arkaplan{background-size:500px 200px;}

#arkaplan{background-size:50px 300px;}

5-background-attachment
Arkaplanı olduğu yere çiviler bu.yani sayfa hareket etsede bu sabit kalır.

.reklam{background-attachment:fixed;}

6-background-position
Arkaplanın başla pozisyonunu belirleriz.Normal de sol üstten başlar biz bunu istediğimiz yer olarak yapabiliriz.
left:sol
top:üst
bottom:alt
right:sağ
center:orta

.logo{background-position:center;}

#menu{background-position:bottom left;}

Örnek : http://ustaderslik.com/dosya/background.rar