Kali ini kita akan mempelajari tentang background pada properti css3. Setiap kita melihat foto ataupun sebuah lukisan pasti akan ada background yang menyertainya sehingga akan terlihat lebih menarik dan indah. Begitu juga tentang background yang ada pada css3 berfungsi untuk memberikan kesan yang indah pada setiap website yang kita buat. macam-macam background pada css3:
- background-color (mengatur warna pada background),
- background-image (mengatur gambar yang akan dijadikan background),
- background-position (mengatur posisi gambar pada background),
- background-repeat (mengatur jenis perulangan gambar pada background).
- background-color
Sepeti dari namanya saja kita sudah mengetahui bahwa ini merupakan background yang digunakan untuk mengatur warna pada website. contoh penggunaannya sebagai berikut:
cara penggunaanya yaitu setelah kita beri nama propertinya kita beri valuenya yaitu nama warna. warnanya bisa kita beri nama:
1.Nama warna (blue, black, white, yellow, dan lain-lain),
2.heksadesimal (#fff, #9999, dan lain-lain),
3.rgb
2.background-image
image atau gambar digunakan untuk memberikan gambar pada website kita. Contoh penggunaannya sebagai berikut:
3.background-repeat
background-repeat adalah cara kita untuk melakukan perulangan gambar pada css. Ada 3 cara kita menggunakan background-repeat:
1.repeat-x (melakukan perulangan gambar ke samping),
2.repeat-y (melakukan perulangan gambar dari atas ke bawah),
3.no-repeat (tidak melakukan perulangan pada gambar sehingga gambar yang ditampilkan hanya satu gambar saja)
4.background-position
background-position kita gunakan untuk mengatur posisi pada background. cotoh penggunaannya sebagai berikut:
Sekian terima kasih.
Baca juga tentang lainnya di website Dhuo Creative.
Baca tentang text-style pada css.
