Fungsi Background pada CSS

Hallo teman-teman, kali ini kita akan membahas mengenai fungsi background pada CSS. Manfaat background lazim digunakan bagi memberikan warna di suatu objek. Bagi kegunaan background ini ada bermacam-macam. Bagi lebih jelasnya teman-teman dapat ikutin petunjuk seperti dibawah ini.

Background-color

Manfaat background ini yang sangat sering digunakan bagi memberikan warna.

Background-image

Manfaat background ini bagi memberikan background berupa gambar.

Background-repeat

Manfaat ini bagi mengatur perulangan dari background-image. Nilai dari background-repeat ini yakni repeat-x, repeat-y, dan no-repeat. Repeat-x perulangan secara horizontal, repeat-y perulangan secara vertical, dan no-repeat tak akan menjalankan perulangan, jadi hanya sekali saja menampilkan gambarnya. Apabila tak ada kegunaan background-repeat, karenanya gambar dari background-image akan berulang secara horizontal dan vertical. Bagi lebih jelas dapat lihat di contoh dibawah ini.

No-repeat