CSS'de background-image Nedir?

CSS'de background-image, sayfa veya bir elementin arka planına eklenen bir görsel dosyanın yolunu belirlemek için kullanılır. Bu görsel dosya, web sayfasının veya elementin genel tasarımını destekleyerek görsel olarak daha çekici hale getirir.
Bu özellikle bir görsel dosya belirtilir ve background-image CSS kodları kullanılarak bir elemente tanımlanır. Bu şekilde belirtilen görsel dosya, elementin arka planında görüntülenir.
Örneğin, aşağıdaki CSS kodu, bir div için bir background-image özelliği belirtir:
div {
background-image: url(\"arkaplan.jpg\");
}
Bu kod, \"arkaplan.jpg\" adlı bir görsel dosyayı div elementine arka plan olarak ekler.
background-image özelliği ile ilgili diğer CSS özellikleri, örneğin background-repeat, background-position ve background-size, belirli koşullara uyacak şekilde ayarlayabilirsiniz.
Örnek Kodlar:
1. Bir div elementine background-image tanımlama