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
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
- Kode #000 bisa diganti dengan kode lainnya atau diganti dengan nama warna (english)
- Tanda dalam kurung () diisi dengan link gambar yang diinginkan
sekian artikel tentang KODE CSS DALAM MENEMPATKAN POSISI GAMBAR, SEMOGA BERMANFAAT...
diamankan pertamanya.hehee
BalasHapusthanks infonya.. :)
@Ageboy iya sama sama, semoga bermanfaat :D
BalasHapusSob kamu hebat buanget
BalasHapus@Kiat Bahagia ah biasa aja sob :D
BalasHapusaku masih newbie, kan sobat yang hebat :D
Seep sob, nice share
BalasHapus@Abi Says Drunk sama sama gan
BalasHapus