Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Background Image
gan,ini kenapa ya background image nya gak mau muncul??? klo ane pake background color bisa
#Newbie
13 Jawaban:
coba ini gan:
background : url('background.JPEG');
coba ini gan, langsung di file index nya ya, di tag body
itu salah di format type gambar nya. perhatikan TYPE di gambar background tertulis format JPEG.
jadi ganti background:url(background.jpeg)
masih tetap gan...
Ini link file index.html dan style.css + gambar BG nya gan,tolong koreksi klo ada salah penulisan
coba langsung di index nya gan, di tag body.
masalahnya itu, tag body nya gan, kalo di lihat, tag pembuka body itu huruf depannya besar, sedangkan tag penutupnya kecil.
harusnya kecil semua gan,
jadinya gini
... ... ...
coba dulu gambarnya muncul apa engga, kalo ngga muncul coba pake komentarku yg sebelumya, langsung di tag body nya.
sudah di link dengan css nya belum ?
<link rel="stylesheet" type="text/css" href="background.jpg">
Ini hasil oprekan ane gan..
kode CSS agan perlu diubah sedikit seperti ini:
body {
background: url(background.jpg);
background-size: cover;
}
perlu diketahui, kode CSS agan sebelum ane ubah seperti ini:
body {
background: url(background.jpeg);
}
nah, seharusnya agan menuliskan ekstensi image "background" dengan jpg bukan jpeg. kemudian properti background-size nya di-set ke cover agar background-nya memenuhi seluruh ruang.
ada artikel bagus tentang full page background image di CSS-Tricks [link]https://css-tricks.com/perfect-full-page-background-image/[/link]
Semoga membantu...
penulisan HTML dan CSS udah benar yg ada di google drive, sekarang coba hapus tag komentar pada html dibagian image. seperti ini : .
jadi sisakan sepert ini :
perama-tama pastiin dimana letak nyimpen si file jpgnya. untuk memanggilnya pake background-image:url("file_gambar.jpg");
contoh pada html:
<body style="background-image:url('background.jpg')">
contoh pada css:
body { background-image: url("background.jpg") }
mudah2an membantu
Oh ternyata harus gini gan "background-image:url(background.jpg)"
btw makasih agan aga semua nya sudah membantu menjawab :)