CSS Ders-4 Arkaplan ( Background )
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

CSS Ders-4 Arkaplan ( Background )

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(1755)
RAPOR ET
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



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol