Untuk mengetahui support browser pada properti Background, dapat dilihat pada tabel berikut ini.
Properti Background
Berikut ini penjelasan beberapa properti yang bisa digunakan untuk mengatur Background pada CSS.
Background-Color
Digunakan untuk mengatur warna pada background. Nilai yang bisa diatur adalah color dan transparent.
Color
Sama seperti pada bahasa HTML, nilai bisa diatur menggunakan
nama color secara langsung (Blue, Red, Yellow, dan lainnya), nilai
RGB warna (255, 0, 0), dan hexadesimal yang dimulai dengan karakter
“#” yang diikuti enam angka desimal sebagai pengatur
warna. Contoh: (#FFFFFF).
Transparent
Untuk mengatur transparansi warna.
Sintaks:
Selector {property :value;}
body {
background-color: value;
}
Contoh:
Misalnya saja Anda mau memberikan warna hijau sebagai background
pada web yang dibuat, maka sintaks yang perlu Anda tulis
sebagai berikut.
body {
background-color: green; /* dengan menuliskan nama */
background-color: #009900; /* nilai hexadesimal */
background-color: 0,150,0; /* nilai RGB */
}
Contoh lengkapnya:
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Background Color</title>
<style type=”text/css”>
body {
background-color: #009900;
color: #FFFFFF;
}
</style>
</head>
<body>
<h1>LATAR BELAKANG HIJAU </h1>
</body>
</html>
Tampilan di browser Internet Explorer akan terlihat seperti gambar
Dalam mendesain sebuah web, warna merupakan hal penting, karena dengan penggunaan warna yang baik, maka akan menimbulkan kesan tersendiri untuk pengunjung web tersebut. Anda juga harus memilih warna sesuai dengan tema web yang Anda buat. Misalnya, web dengan tema untuk anak-anak gunakanlah warna-warna yang ceria.
Tinggalkan komentar