Kamis, 14 Juni 2012

Memasukan Backgroun Gambar

Diposting oleh Basirudin di 06.39 0 komentar
Dalam pembuatan website, terkadang kita agak susah mengatur background image, kita ingin macam-macam, pengen ini, pengen itu..Nah untuk mengatur posisi background dan sebagainya kita dapat mengaturnya menggunakan CSS.
Untuk memasukkan gambar sebagai background cukup memasukkan kode sebagai berikut
untuk background-image: url anda masukkan nama file gambarnya, dan pada background-attachment untuk mengatur apakah background bisa di scroll atau tetap saja di tempat walaupun halaman web kita scroll ke bawah.
Nilai untuk background-attachment
 
Nilai Deskripsi
scroll background image ikut bergerak jika halaman di scroll
fixed background image tidak ikut bergerak jika halaman di scroll
Untuk pengaturan posisi background kita dapat menggunakan kode seperti contoh di bawah.
Nilai  untuk background-position

Nilai Deskripsi
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right		 Sesuai dengan artinya...
x-% y-% nilai x untuk  horizontal position dan nilai y untuk vertical. Sudut kiri atas adalah 0% 0%. Sudut kanan bawah adalah 100% 100%. Semua dalam persen
x-pos y-pos Nilai x untuk horizontal position dan nilai y untuk vertical. Nilai dalam pixel

background-repeat berguna untuk mengeset bagaimana backgorund image akan di ulang/repeat.
Nilai untuk background-repeat
Nilai Deskripsi
repeat background image akan diulang secara vertically and horizontally
repeat-x background image akan diulang secara  horizontally
repeat-y background image akan diulang secara  vertically
no-repeat background image akan diulang sekali saja

Leave a Reply

Langganan: Posting Komentar (Atom)

 
Contact us if you have any question or anything else

Bee Tutorial © 2011 DheTemplate.com. Supported by Tips for Life, Blogging Tips and Evo Grafis