Untuk posting kali ini membahas tentang Code HTML Background Image kamu bisa pasang backgroud image pada postingan. tanpa banyak basa basi langsung ja kita lihat code dan previewnya
ini code & Preview buat bikin background dengan image berulang-ulang / repeat :
Code :
<div style="background-image: url(http://kamalfrz.files.wordpress. com/2010/05/windows7_logo-300x300.jpg); height: 300px;">Tulisan kamu disini</div> |
Preview :
|
Code & Preview membuat background dengan image no repeat atau tanpa diulang karena di sana ada perintah
no repeat.
Code :
<div style="background-image: url(http://kamalfrz.files.wordpress. com/2010/05/windows7_logo-300x300.jpg); background-repeat: no-repeat; height:300px;"> Tulisan kamu disini.</div> |
Preview :
|
Code & Preview membuat background dengan image
no repeat di tambah perintah
background-position jadi kita bisa mengatur posisi image. cara mengatur posisi image lihat code background-position: 50px, dan rubah angka 50 sesuai keinginan kamu.
Code :
<div style="background-image: url(http://kamalfrz.files.wordpress. com/2010/05/windows7_logo-300x300.jpg); background-position: 50px; background-repeat: no-repeat; height: 300px;"> Tulisan kamu disini. </div> |
Preview :
|
untuk merubah imagenya kamu tinggal rubah URLnya simpan (URL) di dalam kurung buka & kurung tutup, gampangkan oke sekian dulu tentang postingan Code HTML Background Image.
sampai disini dulu pembelajaran tentang Code HTML selamat belajar & sukses.
Tutorial Terkait