Arka Tarafa Resim Ekleme CSS
Arka tarafa resim ekleme, web tasarımında yaygın olarak kullanılan bir tekniktir. Bu teknik, web sayfanızın arka planını daha çekici ve ilgi çekici hale getirmenizi sağlar. Arka tarafa resim eklemek için CSS kullanabilirsiniz. CSS, web sayfalarının görünümünü kontrol eden bir stil dilidir.
Arka tarafa resim eklemek için aşağıdaki CSS kodunu kullanabilirsiniz:
body {
background-image: url("resim.jpg");
}
Bu kod, web sayfanızın arka planına “resim.jpg” adlı resmi ekler. Resmin boyutunu ve konumunu ayarlamak için CSS kodunu kullanabilirsiniz.
Resmin Boyutunu Ayarlama
Resmin boyutunu ayarlamak için aşağıdaki CSS kodunu kullanabilirsiniz:
body {
background-size: cover;
}
Bu kod, resmin web sayfanızın tüm alanını kaplamasını sağlar. Resmin boyutunu piksel olarak da ayarlayabilirsiniz. Örneğin, resmin boyutunu 100 piksel x 100 piksel olarak ayarlamak için aşağıdaki CSS kodunu kullanabilirsiniz:
body {
background-size: 100px 100px;
}
Resmin Konumunu Ayarlama
Resmin konumunu ayarlamak için aşağıdaki CSS kodunu kullanabilirsiniz:
body {
background-position: center;
}
Bu kod, resmin web sayfanızın ortasına yerleştirilmesini sağlar. Resmin konumunu piksel olarak da ayarlayabilirsiniz. Örneğin, resmin konumunu 100 piksel sağa ve 100 piksel aşağıya kaydırmak için aşağıdaki CSS kodunu kullanabilirsiniz:
body {
background-position: 100px 100px;
}
Arka Tarafa Birden Fazla Resim Ekleme
Arka tarafa birden fazla resim eklemek için aşağıdaki CSS kodunu kullanabilirsiniz:
body {
background-image: url("resim1.jpg"), url("resim2.jpg");
}
Bu kod, web sayfanızın arka planına “resim1.jpg” ve “resim2.jpg” adlı resimleri ekler. Resimlerin boyutunu ve konumunu ayarlamak için CSS kodunu kullanabilirsiniz.
Faydalı Siteler ve İlgili Dosyalar