Background Color ~ TRIK TRIK INTERNET

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.


Background body di set dengan color-name

Background Header 1 diset
dengan kode hexadesimal


Background Header 2 di set Transparan


Background Paragrap diset dengan kode RGB

These icons link to social bookmarking sites where readers can share and discover new web pages.