Tutorial blogspot, belajar blog, membuat html dasar, perbaiki template,Tutorial Blog, HTML, Cara membuat, attribution blog, warna html,css kode

Senin, 20 Desember 2010

Cara membuat Border Gambar dengan HTML

Kali ini kita akan membahas bagaimana membuat border dengan kode HTML.
Hal ini akan terasa mudah jika kita sudah mengetahui bagaimana cara mengguna kan kode HTML,

Untuk mengubah tampilan perbatasan gambar, Anda perlu menggunakan CSS (Cascading Style Sheets). Anda dapat menyertakan CSS dalam gambar Anda dengan menggunakan gaya atribut HTML tag. Anda dapat menggunakan kode HTML pada halaman ini untuk menentukan batas-batas gambar dalam dokumen HTML Anda.

Berikut adalah beberapa contoh dari apa yang dapat Anda lakukan dengan HTML batas gambar dengan menggunakan CSS :

<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:1px solid #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="101" alt="lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
 
Hasil dari kode diatas :
lamurdey logo


<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:2px dotted #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="101" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
Lamurdey logo


<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:20px solid #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="101" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
Lamurdey logo


<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:8px ridge #0404B4;" src="http://i943.photobucket.com/albums/ad277/pakkuk/edaaa.jpg" width="225" height="151" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
Lamurdey logo

Ket :
Warna merah Adalah Warna dari border gambar
Warna Biru merupakan Kode gambar
Warna hijau ukuran lebar dan tinggi border
sedangkan Untuk warna Pink adalah ketebalan dari Border

yakk..begitulah cara membuat border dengan menggunakan HTML kode ..Mudah-mudahan dimengerti,kalau juga belum mengerti,cukup cantumkan pertanyaan di kotak komentar.

Semoga bermanfaat.

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara membuat Border Gambar dengan HTML

11 komentar:

  1. mau bikin juga ah
    makasih ni brader

    BalasHapus
  2. ok,Aby dengan senang hati :)

    BalasHapus
  3. Hidayat@sama-sama gan,terima kasih atas kunjungannya :)

    BalasHapus
  4. AJIB GAN, MOHON KUNJUNGAN BALIK BAGI YANG BUTUH KOLEKSI FILM2 BOXOFFICE DAN ADULT

    BalasHapus
  5. thank's bro infonya mantabb

    BalasHapus
  6. tambah cantik diberi border

    BalasHapus