Untuk membuat background dengan gambar di gunakan properti background-image.
Membuat background dengan gambar di dokumen HTML:
Contoh:
Ket: background.jpg adalah contoh gambar yang disisipkan pada dokumen HTML dan anda bisa menggantinya dengan gambar yang anda inginkan.
Maka secara otomatis browser akan mengisi penuh halaman website dengan gambar tersebut secara berulang (repeat) baik secara vertikal maupun horizontal.
Untuk pengaturan pengulangan tersebut dapat menggunakan properti background-repeat dengan nilai atau value: no-repeat, repeat, repeat-x dan repeat-y.
Contoh jika kita ingin membuat pengulangan secara horizontal maka kita dapat menambah kode repeat-x ke dalam contoh diatas:
Sedangkan untuk pengulangan secara vertikal kita tambahkan kode repeat-y:
Anda bisa melakukan latihan selanjutnya dengan mengganti gambar dan nilainya.
Untuk memposisikan background digunakan properti background-position dengan value top=atas, right=kanan, bottom=bawah left=kiri dan center=tengah atau dengan nilai x dan y.
Sebagai contoh kita akan menggunakan gambar berikut yang berukuran 800px X 1px dengan nama bg-example.png.
Kita akan membuat agar gambar tersebut berada tepat ditengah dokumen dengan pengulangan (repeated) secara vertikal.
oke sekarang anda bisa mencobanya sendiri, semoga apa yang saya berikan dapat bermanfaat :)
Incoming Search :
baju, blackberry, bisnis forex, hosting murah, unik, gaya hidup, toyota, model, job vacancy, batik, otomotif, komik naruto,modern, real madrid, bekerja dari rumah.
0 komentar:
Posting Komentar