Arka Plan Resim Ekleme CSS:
Arka plan resimleri, web sitenize görsel ilgi ve derinlik katmanın harika bir yoludur. CSS kullanarak arka plan resimleri eklemek kolaydır ve web sitenizin görünümünü özelleştirmenin harika bir yoludur.
Arka Plan Resim Ekleme Adımları:
- Resminizi seçin: Arka plan olarak kullanmak istediğiniz resmi seçin. Resminizin web sitenizin genel tasarımıyla uyumlu olduğundan emin olun.
- Resminizi kaydedin: Resminizi bilgisayarınıza kaydedin.
- CSS dosyanızı açın: Web sitenizin CSS dosyasını açın.
- Arka plan resmi kuralı ekleyin: CSS dosyanıza aşağıdaki kuralı ekleyin:
body {
background-image: url("resim_yolu");
}
“resim_yolu” yerine resminizin yolunu yazın. Örneğin, resminiz “arka_plan.jpg” adında ve “resimler” klasöründe ise, kuralınız şöyle görünecektir:
body {
background-image: url("resimler/arka_plan.jpg");
}
- CSS dosyanızı kaydedin: CSS dosyanızı kaydedin.
- Web sitenizi yenileyin: Web sitenizi yenileyin ve arka plan resminizin eklendiğini görün.
Arka Plan Resimlerini Özelleştirme:
Arka plan resimlerinizi özelleştirmek için aşağıdaki CSS özelliklerini kullanabilirsiniz:
- background-size: Arka plan resminin boyutunu belirler.
- background-repeat: Arka plan resminin nasıl tekrarlanacağını belirler.
- background-position: Arka plan resminin konumunu belirler.
- background-attachment: Arka plan resminin kaydırma sırasında nasıl davranacağını belirler.
Örneğin, arka plan resminizin web sitenizin genişliğine kadar uzanmasını ve kaydırma sırasında hareket etmemesini istiyorsanız, aşağıdaki CSS kuralını kullanabilirsiniz:
body {
background-image: url("resim_yolu");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}