Arka Plan Resim Ekleme HTML
Arka plan resmi, bir web sayfasının veya web sitesinin genel görünümünü ve hissiyatını belirlemede önemli bir rol oynar. İyi seçilmiş bir arka plan resmi, web sitenizin daha çekici ve ilgi çekici görünmesini sağlayabilir.
Arka plan resmi eklemek için HTML’de background-image özelliğini kullanabilirsiniz. Bu özellik, arka plan resmi olarak kullanılacak görüntünün URL’sini belirtir. Örneğin, aşağıdaki kod arka plana resim.jpg adlı bir resim ekler:
“`html
“`
`background-image` özelliğini kullanırken, aşağıdaki değerleri de belirleyebilirsiniz:
* `background-repeat`: Arka plan resminin nasıl tekrarlanacağını belirler. `no-repeat`, `repeat-x`, `repeat-y` ve `repeat` olmak üzere dört farklı değer alabilir.
* `background-position`: Arka plan resminin konumunu belirler. `left`, `center` ve `right` olmak üzere üç farklı değer alabilir.
* `background-size`: Arka plan resminin boyutunu belirler. `auto`, `contain` ve `cover` olmak üzere üç farklı değer alabilir.
Arka plan resmi eklemek için CSS’de de `background-image` özelliğini kullanabilirsiniz. Bu özellik, HTML’deki `background-image` özelliği ile aynı şekilde çalışır. Ancak, CSS’de `background-image` özelliğini kullanarak, arka plan resminin daha fazla özelliğini belirleyebilirsiniz. Örneğin, aşağıdaki kod arka plana `resim.jpg` adlı bir resim ekler ve resmin boyutunu %100 olarak belirler:
“`css
body {
background-image: url(“resim.jpg”);
background-size: 100%;
}
“`
## Faydalı Siteler ve İlgili Dosyalar
* [CSS Background Image](https://www.w3schools.com/cssref/css3_pr_background-image.asp)
* [HTML Background Image](https://www.html.com/tags/background/)
* [Background Image Generator](https://www.backgroundimagegenerator.com/)
* [Free Background Images](https://www.freebackgroundimages.com/)