Arka Plan Resim Ekleme Html

Arka Plan Resim Ekleme HTML

Arka plan resmi, web sitenizin görünümünü ve hissini iyileştirmenin harika bir yoludur. Sitenize daha fazla görsel ilgi katabilir, markanızı güçlendirebilir ve kullanıcı deneyimini iyileştirebilir.

Arka plan resmi eklemek için HTML’de background-image özelliğini kullanabilirsiniz. Bu özellik, arka plan resminin URL’sini veya dosya yolunu belirtir. Örneğin, aşağıdaki kod arka plan resmini bg.jpg dosyasından ekler:

“`html


“`

Arka plan resminin boyutunu ve konumunu `background-size` ve `background-position` özellikleriyle belirleyebilirsiniz. Örneğin, aşağıdaki kod arka plan resmini sayfanın ortasına yerleştirir ve resmin boyutunu sayfanın boyutuna göre ayarlar:

“`html

“`

Arka plan resminin tekrarlanmasını `background-repeat` özelliğiyle belirleyebilirsiniz. Örneğin, aşağıdaki kod arka plan resmini yatay ve dikey olarak tekrarlar:

“`html

“`

Arka plan resminin rengini `background-color` özelliğiyle belirleyebilirsiniz. Örneğin, aşağıdaki kod arka plan rengini maviye ayarlar:

“`html

“`

## Faydalı Siteler ve İlgili Dosyalar

* [CSS Backgrounds](https://www.w3schools.com/css/css_background.asp)
* [Background Images in HTML](https://www.html.com/tags/background/)
* [Background Image Generator](https://www.cssmatic.com/background-image-generator)
* [Free Background Images](https://unsplash.com/backgrounds)


Yayımlandı

kategorisi