61
KODE CSS DALAM MENEMPATKAN POSISI GAMBAR

 Pada postingan kali ini adit akan membahas cara gonta-gamti KODE CSS DALAM MENEMPATKAN POSISI GAMBAR,

berikut tips nya :





Posisi gambar sebelah kiri bagian atas
background:#000 url() left top no-repeat;

Posisi gambar sebelah kanan bagian atas
background:#000 url() right top no-repeat;

Posisi gambar di tengah bagian atas
background:#000 url() center top no-repeat;

Posisi gambar sebelah kiri bagian bawah
background:#000 url() left bottom no-repeat;

Posisi gambar sebelah kanan bagian bawah
background:#000 url() right bottom no-repeat;

Posisi gambar di tengah bagian bawah
background:#000 url() center bottom no-repeat;

Posisi gambar sebelah kiri
background:#000 url() left no-repeat;

Posisi gambar sebelah kanan
background:#000 url() right no-repeat;

Posisi gambar di tengah
background:#000 url() center no-repeat;




Posisi gambar berulang-ulang bagian atas
background:#000 url() top repeat-x;

Posisi gambar berulang-ulang bagian kiri
background:#000 url() left repeat-y;

Posisi gambar berulang-ulang bagian bawah
background:#000 url() bottom repeat-x;

Posisi gambar berulang-ulang bagian kanan
background:#000 url() right repeat-y;

Keterangan

  1. Kode #000 bisa diganti dengan kode lainnya atau diganti dengan nama warna (english)
  2. Tanda dalam kurung () diisi dengan link gambar yang diinginkan

    sekian artikel tentang KODE CSS DALAM MENEMPATKAN POSISI GAMBAR, SEMOGA BERMANFAAT...

Do you want to share?

Do you like this story?

Anda sedang membaca artikel KODE CSS DALAM MENEMPATKAN POSISI GAMBAR dan artikel ini url permalinknya adalah http://info-adit.blogspot.com/2011/11/kode-css-dalam-menempatkan-posisi.html
Semoga artikel KODE CSS DALAM MENEMPATKAN POSISI GAMBAR ini bisa bermanfaat.

Article :