Terkadang gambar yang kita upload dari url tidak bergaris tepi, sehingga kalau kita sisipkan pada postingan bisa membuat tampilannya terlihat kurang menarik. Untuk membuat garis tepi pada gambar tersebut, kita gak perlu repot mengeditnya. Sobat hanya perlu menambahkan sedikit kode pada url gambar yang di upload.
Gambar sebelum bergaris tepi :
tambahkan kode di bawah ini pada url gambar yang di upload. untuk lebih jelasnya perhatikan kode di bawah ini.
Gambar sebelum bergaris tepi :
tambahkan kode di bawah ini pada url gambar yang di upload. untuk lebih jelasnya perhatikan kode di bawah ini.
<div style="-moz-border-radius: 10px 10px 10px 10px; border: 5px solid rgb(59, 89, 152); height: 135px; padding: 0px; width: 180px;">
<img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/186984_100001893345860_6039635_n.jpg" /></div>
<img border="0" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/186984_100001893345860_6039635_n.jpg" /></div>
hasilnya:
Keterangan :
- Warna merah : ganti kode warna merah dengan ukuran tinggi dan lebar gambar.
- Warna hijau : ganti dengan url gambar sobat
Selesai. Silahkan mencoba.. semoga bermanfaat.
No comments:
Post a Comment
Terima kasih sudah berkunjung, komentar dan saran anda sangat saya hargai demi perkembangan blog ini.