Dibaca: 126

CSS Background Image

Properti background-image mendefinisikan gambar yang akan digunakan sebagai latar dari elemen HTML. Secara default gambar akan diulang untuk mencakup seluruh latar dari elemen.

Hal yang perlu diperhatikan pada gambar latar ini adalah supaya gambar tidak membuat tulisan teks pada elemen tidak jelas terlihat karena memiliki warna yang sama antara gambar latar dan tulisan teks.

<!DOCTYPE html>
<html>
   <head>
      <title>CSS Background Image</title>
   </head>
   <style>
      body {
         background-image: url("rajatutor.png");
      }
   </style>
   <body> 
      <br>
      <p>Ini adalah contoh sebuah paragraf</p> 
   </body>
</html>

Berikut adalah hasilnya bila dilihat dengan browser

css-background-image