GAMBAR ASLI (Tanpa garis Tepi)
------------------------------
1. Garis Tepi Biasa
Kode:
<div style="overflow:no; width:100%px; height:100%px; border:5px solid #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>
2. Garis Tepi Double
Kode:
<div style="overflow:no; width:100%px; height:100%px; border:5px ridge #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>
3. Garis Tepi Putus-putus
Kode:
<div style="overflow:no; width:100%px; height:100%px; border:5px dashed #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>
4. Garis Tepi Titi-titik
Kode:
<div style="overflow:no; width:100%px; height:100%px; border:5px dotted #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>
----------------------------------
Keterangan:
1. Merah=Border, itu adalah tebalnya garis tepi. Pada contoh2 di atas border:5px, bagi teman2 yang ingin garis tepinya tambah tebal, tinggal ganti aja angka 5 dengan angka yang lebih GD
2. Orange=Warna border, di sana tertulis kode warna [#CCCC99] yang artinya berwarna seperti warna ini, bagi teman-teman yang inggin menggantinya monggo dicari2 kodenya di sini.
3. Hijau=Padding, artinya adalah jarak antara garis tepi dengan gambar. Contoh2 di atas tidak memiliki jarak antara gambar dan garis, karena telah saya atur nilai padding:0px, bagi teman-teman yang mau membuat jarak tertentu silahkan angka padding-nya diatur
4. Biru=itu adalah link gambarnya teman-teman, silahkan diganti dengan link gambarnya teman-teman...
bagaimana gampangkan?
Semoga bermanfaat []
Tags: cara membuat gambar garis tepi, trik membuat border pada gambar, aneka cara membuat border image, aneka cara membuat garis tepi icon gambar, cara membuat garis tepi gambar postingan