HTML Background Image

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 : Tulisan kamu disini

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 : Tulisan kamu disini.

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 : Tulisan kamu disini.

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

Apa itu HTML ?
HTML Scroll Box
HTML Scroll Box Colors
HTML Picture Scroll Box
HTML Scroll Box Horizontal
HTML Scroll Box Vertikal
HTML Scroll Box Border

Posted in: HTML Background,Tutorial Code Html