TeknoLib

Arka Plan Ekleme Css

Arka Plan Ekleme CSS: Web Sitenize Görsellik Katın

Arka plan ekleme, web sitenizin görünümünü ve hissiyatını iyileştirmenin harika bir yoludur. Bir arka plan resmi veya deseni kullanarak sitenize görsel ilgi katabilir ve ziyaretçilerinizin dikkatini çekebilirsiniz. Ayrıca, arka plan rengi kullanarak sitenizin genel ruh halini ve atmosferini belirleyebilirsiniz.

CSS (Cascading Style Sheets), web sayfalarının görünümünü ve biçimini tanımlamak için kullanılan bir stil dilidir. CSS kullanarak, web sitenizin arka planına resim, desen veya renk ekleyebilirsiniz.

Arka Plan Resmi Ekleme

Arka plan resmi eklemek için aşağıdaki CSS kodunu kullanabilirsiniz:

body {
background-image: url("resim.jpg");
}

Bu kod, “resim.jpg” adlı resmi web sitenizin arka planına ekleyecektir. Resmi değiştirmek için, “resim.jpg” adlı dosyanın adını değiştirmeniz yeterlidir.

Arka Plan Deseni Ekleme

Arka plan deseni eklemek için aşağıdaki CSS kodunu kullanabilirsiniz:

body {
background-image: url("desen.png");
}

Bu kod, “desen.png” adlı deseni web sitenizin arka planına ekleyecektir. Deseni değiştirmek için, “desen.png” adlı dosyanın adını değiştirmeniz yeterlidir.

Arka Plan Rengi Ekleme

Arka plan rengi eklemek için aşağıdaki CSS kodunu kullanabilirsiniz:

body {
background-color: #ffffff;
}

Bu kod, web sitenizin arka plan rengini beyaz (#ffffff) olarak ayarlayacaktır. Arka plan rengini değiştirmek için, “#ffffff” kodunu istediğiniz renkle değiştirmeniz yeterlidir.

Arka Plan Pozisyonu ve Tekrarı

Arka plan resmi veya deseninin pozisyonunu ve tekrarını kontrol etmek için aşağıdaki CSS özelliklerini kullanabilirsiniz:

  • background-position: Arka plan resmi veya deseninin pozisyonunu belirler.
  • background-repeat: Arka plan resmi veya deseninin tekrarlanma şeklini belirler.

Örneğin, aşağıdaki CSS kodu arka plan resmini web sitenizin ortasına yerleştirecek ve yatay olarak tekrarlanmasını sağlayacaktır:

body {
background-image: url("resim.jpg");
background-position: center center;
background-repeat: repeat-x;
}

Arka Plan Bağlantısı

Arka plan resmi veya desenine tıklandığında belirli bir web sayfasına yönlendirmek için aşağıdaki CSS özelliğini kullanabilirsiniz:

  • background-attachment: Arka plan resmi veya deseninin kaydırma sırasında nasıl davranacağını belirler.

Örneğin, aşağıdaki CSS kodu arka plan resmini sabit tutacak ve kaydırma sırasında hareket etmeyecektir:

body {
background-image: url("resim.jpg");
background-attachment: fixed;
}

Faydalı Siteler ve İlgili Dosyalar

Yayımlandı

kategorisi