Property background-image digunakan untuk menyisipkan sebuah gambar menjadi latar belakang suatu elemen. Property ini mempunyai dua nilai(value) yaitu: url(URL) dan none. Value none berfungsi untuk menghilangkan gambar background sedang Value url diikuti alamat url dalam tanda kurung berfungsi untuk memanggil gambar yang akan jadikan background.
Untuk mencoba property background-image, sebaiknya siapkan sebuah gambar yang akan digunakan sebagai background misalnya seperti ini
dan kita simpan di d:\Ngeblog\back.jpg
Atau boleh juga gambar kamu sendiri , asal bukan gambar artis bugil aja.....
Sekarang coba ketik kodenya di notepad:
<html> <head> body { background-image: url(d:/Ngeblog/back2.jpg) } </style> </head> <body> Coba Background Image </body> <html> |
Setelah disimpan coba dibrowsermu dan.....
Hasilnya akan tampak seperti ini:
Coba Background Image . . . . . . . . . . . . . |
No comments:
Post a Comment