webmagazin

css ile background

Background özelliklerini teker teker incelersek...

background-color: Arka plan rengini belirler. Değer olarak 16’lık sistemde renk kodlarını kullanabildiğiniz gibi standart renklerin isimlerini de kullanabilirsiniz.

background-image: Arka plan resmini belirler. Arka planda kullanılacak resmin adresini belirtmeniz yeterlidir.

background-repeat: Arka plan resminin tekrar etme şeklini belirler. Alabileceği değerler; no-repeat, repeat, repeat-x, repeat-y ve inherit'dir.

background-attachment: Arka plan resminin hareket edip etmeyeceğini belirler. Alabileceği değerler; fixed, scroll ve inherit'dir.

background-position: Arka plan resminin konumunu belirler. Alabileceği değerler; left, center, right, top, center, bottom veya istediğimiz sabit konumlardır.

Tüm bu özelliklerin geçtiği bir kod olarakta :

body {
background-color: #CCCCCC;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: 10px 20px;
}

 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol