Seperti penambahan warna latar, penambahan gambar latar belakang juga
dilakukan dengan menggunakan dua properti, yaitu background dan
background-image. Nilai yang diisikan untuk properti ini ialah url dari gambar,
relatif terhadap file CSS, sama seperti pada penambahan font.
div { background: url(“latar.png”);
background-image: url(“latar.png”);}
kesalahan tersebut bekerja, simpan dan jalankan kode Namun, penambahan
gambar dengan cara di atas akan memberikan masalah ketika ukuran gambar
tidak sama dengan ukuran elemen. Gambar akan ditampilkan berulangkali,
secara horizontal maupun vertikal, jika ukuran elemen lebih besar dari ukuran
gambar. Untuk dapat melihat bagaimana berikut :
<html>
<head>
<title>Background Image Goes Wrong</title>
<style type="text/css">
#utama{background-
image:url(kiwi.jpg);height:600px;width:800px;}
</style>
</head>
<body>
<div id="utama">
</div>
</body>
</html>
Comments
Post a Comment