Hallo teman-teman, kali ini kita akan membahas tentang fungsi background pada CSS. Fungsi background biasa digunakan untuk memberikan warna pada suatu objek. Untuk fungsi background ini ada bermacam-macam. Untuk lebih jelasnya teman-teman bisa ikutin perintah seperti dibawah ini.

Background-color

Fungsi background ini yang paling sering digunakan untuk memberikan warna.

Fungsi background pada CSSFungsi background pada CSS

Background-image

Fungsi background ini untuk memberikan background berupa gambar.

Fungsi background pada CSSFungsi background pada CSS

Background-repeat

Fungsi ini untuk mengatur perulangan dari background-image. Nilai dari background-repeat ini adalah repeat-x, repeat-y, dan no-repeat. Repeat-x perulangan secara horizontal, repeat-y perulangan secara vertical, dan no-repeat tidak akan melakukan perulangan, jadi hanya sekali saja menampilkan gambarnya. Jika tidak ada fungsi background-repeat, maka gambar dari background-image akan berulang secara horizontal dan vertical. Untuk lebih jelas bisa lihat pada contoh dibawah ini.

No-repeat

Fungsi background pada CSSFungsi background pada CSS

Repeat-x

Fungsi background pada CSS Fungsi background pada CSS

Repeat-y

Fungsi background pada CSS Fungsi background pada CSS

Tidak ada fungsi background-repeat sehabis fungsi background-image.

Fungsi background pada CSS Fungsi background pada CSS

Seperti itu fungsi background pada CSS. Selamat mencoba .