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 :
-------------------------------------------------------------------------------------------------------------
1. Boarder Garis
<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:1px solid #0404B4;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezjsRVlVD9bCcsO7mCTB31MfcvhyphenhyphenWByJk8Ud-ExF-P9zFpUys_jGJDpFgO15CO5fQgkOxylR3e9w4fcPMppSVXqjQColTHUsLJg7V0QuLYbffROcfHgIiz03EP-LUor5WsdhlpfgIIEq6/s1600/scroll.jpg" width="225" height="101" alt="lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
--------------------------------------------------------------------------------------------------------
2. Border Garis putus-putus
2. Border Garis putus-putus
<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:20px solid #0404B4;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezjsRVlVD9bCcsO7mCTB31MfcvhyphenhyphenWByJk8Ud-ExF-P9zFpUys_jGJDpFgO15CO5fQgkOxylR3e9w4fcPMppSVXqjQColTHUsLJg7V0QuLYbffROcfHgIiz03EP-LUor5WsdhlpfgIIEq6/s1600/scroll.jpg" width="225" height="101" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
--------------------------------------------------------------------------------------------------------------------------------
3. Border Garis 3D
<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:8px ridge #0404B4;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezjsRVlVD9bCcsO7mCTB31MfcvhyphenhyphenWByJk8Ud-ExF-P9zFpUys_jGJDpFgO15CO5fQgkOxylR3e9w4fcPMppSVXqjQColTHUsLJg7V0QuLYbffROcfHgIiz03EP-LUor5WsdhlpfgIIEq6/s1600/scroll.jpg" width="225" height="151" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
-------------------------------------------------------------------------------------------------
4. Border Garis Tebal
<!-- HTML codes by Lamurdey.blogspot.com -->
<img style="border:20px solid #0404B4;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgezjsRVlVD9bCcsO7mCTB31MfcvhyphenhyphenWByJk8Ud-ExF-P9zFpUys_jGJDpFgO15CO5fQgkOxylR3e9w4fcPMppSVXqjQColTHUsLJg7V0QuLYbffROcfHgIiz03EP-LUor5WsdhlpfgIIEq6/s1600/scroll.jpg" width="225" height="101" alt="Lamurdey logo" />
<p style="font-family:sans-serif;font-size:10px;">
Hasil dari kode diatas :
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
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.
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.
0 Komentar untuk "Cara membuat Border Gambar dengan HTML"
Don't forget leave some comment