Membuat Background Image CSS

Salah satu komponen desain website yang cukup penting adalah latar belakang atau lebih dikenal dengan nama background. Background digunakan untuk memberikan dekorasi visual terhadap sebuah elemen, yang akan mengakibatkan peningkatan kemudahan nalar atau pengertian akan sebuah konten. Background sangat bengaruh terhadap keindahan tampilan website.

 

Berikut merupakan contoh coding CSS nya:

body
{
background-image: url('nama file gambar anda');
background-repeat: repeat-y;
}

Terdapat empat nilai yang dapat diisikan pada properti background-repeat, yaitu repeat, no-repeat, repeat-x, dan repeat-y. Seperti namanya,

• no-repeat menghilangkan perulangan. Digunakan untuk gambar yang memiliki ukuran besar.
• repeat-x melakukan perulangan gambar hanya pada sumbu x (horizontal).
• repeat-y melakukan perulangan hanya pada sumbu y (vertikal).
• repeat merupakan nilai standar, yang memberikan perulangan pada sumbu x dan sumbu y.