Mhmet-Simsek.Tr.Gg
Icerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya GelcekIcerik Buraya Gelcek

M & Ş Media

Css ile arkaplan

 
 
 

 

Css ile arkaplanlar hazırlamak bir sanattır aslında.
Kendi sitemin arkaplanı hazırlarken sponsor reklamın çok göze batmaması için şeritler düşünerek yaptım.
Daha sonra sabitledim ve reklam tasarım ile bir bütünmüş görüntüsüne kavuştu.

Css arkaplan özellikleri nelerdir ? 
Arkaplan özellikleri şunlardır: 
1. background
2. background-color
3. background-image
4. background-repeat
5. background-attachment
6. background-position

Background nedir ? 
Background temel arkaplan özelliğidir. Body etiketi ile kullanılır ve kişisel arkaplan özelliklerini vermenin en kolay yoludur.

örnek: body{background: blue; }

Background-color nedir ?
Her yerde kullabileceğimiz bir temel bileşendir aslında. Sadece css değil html kodlarında da sık sık kullanılır.Kodu kullandığımız alanın arkaplan renk özelliğini değiştirmeye yarar.

örnek: #tabella{background-color: #000000; }

Background-image nedir ? 
Css ve html kodlarında sık sık kullanılan bir resim özelliğidir. Kullandığımız alanın arka planına resim koyulmasını sağlar.

örnek: #tablella{background-image: url("images/doktordizayn.png") ; }


Background-repeat nedir?
Sahip olduğu değerler :  repeat, repeat-x, repeat-y, no-repeat, inherit 
Diğer özellikler gibi bütün unsurlara uygulanabilir.Bu özellik arkaplanın bir nevi tekrar edilip edilmemesi olayıdır.

örnek:  #content {
background: white url("doktordizayn.png");
background-repeat: repeat-x; }


Background-attachment nedir ?
Sahip olduğu değerler: scroll, fixed, inherit 
Bütün unsurlara uygulanabilir bir özelliktir. Arkaplanın sabit olup olmaması bu unsura bağlıdır. Kenar çubuğu koymak istersen yine bu unsur yardımıyla yapılır.

örnek:  #content {
background: white url("doktordizayn.png");
background-repeat: repeat-x;
background-attachment: fixed; }


Background-position nedir ? 
Aldığı değerler:  percentage, length, top center bottom left center right, inherit 
Bütün unsurlara uygulanabilir bir css özelliğidir. Arkaplanın pozisyonunu ayarlamamızda yardımcı olur.

örnek:  body { background: url("doktordizayn.png") right top } /* 100% 0% */ 

Başlıca özellikler bunlardır. Bu konu hakkında sorunuz olduğunda "acil" sayfamızı ziyaret ediniz. 
 
© Mhmet-Simsek.Tr.Gg
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol