Property background-color digunakan untuk memberikan warna pada latar belakang suatu elemen. Property ini mempunyai 4 value yaitu:
- color-rgb ( untuk memberikan warna dengan menuliskan kode RGB -nya )
- color-hex ( untuk memberikan warna dengan menuliskan kode hexadecimal -nya )
- color-name ( untuk memberikan warna dengan menuliskan nama -nya )
- transparent ( untuk membuat background yang transparan)
Supaya lebih mudah, kita langsung praktek aja yok....
Udah nyiapin notepad-nya khan...
Kalau udah ketik atau copy paste aja kode berikut:
| <html> <head> <style type="text/css"> /* Ini contoh penggunaan color-rgb*/ p {background-color: rgb(250,0,255)} /* Ini contoh penggunaan color-name*/ body {background-color: yellow} /* Ini contoh penggunaan color-hex*/ h1 {background-color: #00ff00} /* Ini contoh penggunaan tranparrent*/ h2 {background-color: transparent} </style> </head> <body> Background body di set dengan color-name <h1>Background Header 1 diset dengan kode hexadesimal</h1> <h2>Background Header 2 di set Transparan</h2> <p>Background Paragrap diset dengan kode RGB</p> </body> </html> |
Simpan dengan nama background-color.htm dan lihatlah tampilannya pada browsermu.
Hasilnya akan tampak seperti dibawah ini.
|
mantep mas... cuma perlu explore lebih jauh, sebab kadang kita butuh background dengan gradasi warna.
ReplyDeletedan enaknya pakai css, load web lebih ringan