Css Background Nasıl Verilir?Css Arkaplan Özelliği Kullanımı.Background kullanırken nelere dikkat etmeliyiz?
Daha önceki örnek üzerinden kutu divimize arkaplan özelliği
atayacagım.Öncelikli olarak bu işi daha pratik yoldan kapmanız için
temel bir önerim olacak.Kendi calısmalarınızda sablonları tasarlarken
arkaplan olarak renk kullanın.Ben bu yazımda hem renk kullanımını hemde
resim kullanımını anlatacagım.
.kutu { width:100px; height:100px; background-color:red; }
</head>
<body>
<div class="kutu">Kutu içeriği</div>
</body>
</html>
Uygulamamızda yaptıgımız
background-color:red; değişikliği
ile kutumuza arkaplan olarak kırmızı rengini atadık.Şimdi ise kutu divimize yahut şablonumuza arkaplan resmi atayalım ancak
öncelikle uygulamanızın düzeni açısından images klasörü olusturun ve
cagıracagınız resim dosyasını bu klasörün içerisine kopyalayın.Su
sıralar gereksiz görebilirsiniz lakin söylemlerim iş başa düsünce anlam
kazanmıs olacaktır.
Simdi ise background-image:url(); kodumuzu kutu divimize atayalım. Bu adım için background-color özelliğini silin ve bu satıra background-image:url(/images/roman.jpg); ekleyin.Divinizin boyutlarını resim dosyanızınkine göre ayarlayın.İlk Css Uygulamam
Böylelikle css de div yapımıza arkaplan atamıs olduk.Diğer dersler için buyrun.
Simdi ise background-image:url(); kodumuzu kutu divimize atayalım. Bu adım için background-color özelliğini silin ve bu satıra background-image:url(/images/roman.jpg); ekleyin.Divinizin boyutlarını resim dosyanızınkine göre ayarlayın.
Hiç yorum yok:
Yorum Gönder