hepvarhicyok

css arkaplan resmi

CSS ile Arkaplan Resmi Örnek Kod

Bu kullandığımız kod sitemizi < body > seçicisine yukarıda belirttiğimiz özellikleri kazandırır. Gelin biraz da özelliklerden bahsedelim.

Kod Açıklaması

background-image:
Örnekte gördüğünüz gibi arkaplan resmi olarak “resimler” klasöründeki “arkaplan.jpg” resmini seçtiğimizi bu özellikle belirtiyoruz.

background-repeat:
Bu özellik ile arkaplan resmimizin tekrar edip etmeyeceğini, eğer edecekse x mi yoksa y ekseninde mi edeceğini belirtiriz. Alabileceği değerler:

• repeat – Hem yan olarak hem de alta doğru tekrar et
• repeat-x – yana doğru tekrar et
• repeat-y – aşağı doğru tekrar et
• no-repeat – tekrar etme

background-attachment:
Arkaplan sayfa ile birlikte kaysın mı yoksa sabit mi kalsın ayarını bu seçenek ile yaparız. Bunun değerleri:

• scroll – sayfa ile kayar
• fixed – sabittir

background-color:
Arkaplan resminin altında kalan alanın rengini, yani arkaplanın rengini belirlediğimiz özelliktir.

background-position:
Arkaplan deseninin başlayacağı yeri belirtir. Alabileceği değerler:

• top left – üst sol
• top center – üst orta
• top right – üst sağ
• center left – orta sol
• center center – ekranın ortası (hem üstten hem yandan)
• center right – orta sağ
• bottom left – alt sol
• bottom center – alt orta
• bottom right – alt sağ
• x-% y-% – yüzde olarak sağ/sol ve üst/alt
• x-pos y-pos – x,y koordinatlarına göre