Pemahaman kode html border

September 09, 2018
Code html css
Contoh code html

Pemahaman kode html border - merupakan sebuah kode html yang di fungsikan untuk memberi model pada tepi sebuah table, div, gambar, form, textarea, button dan lainnya.

Mungkin temen teman masih belum paham fungsi dari border tersebut, utuk melihat hasil dari kode html contoh di bawah ini.

Kode html contoh border :

<table>
<tr>
<td style="border:5px dashed red"> data satu</td>
<td style="border:5px dotted silver"> data dua </td>
<td style="border:5px solid aqua"> data dua </td>
</tr>
<tr>
<td> data satu</td>
<td> data dua </td>

Untuk melihat hasil dari border dengan kombinasi table, tersebut bisa di lihat gambar di bawah ini langsung hasilnya masbroo.

Html simpe code

Mungkin terlihat biasa biasa saja ya kode border tersebut.

Oke anda bisa mulai berkreasi dengan border tersebut dengan beberapa kombinasi yang bisa anda lakukan.

Seperti contoh saya kombinasi kode border dengan div yang saya beri warna warni.

Kombinasi kode html



Kombinasi dengan ukuran 5px bentuk dashed dan warna merah bisa anda lihat hasilnya seperti ini.
Inti kode html

Contoh untuk kombinasi lagi adalah.

Border solid red
Kombinasi degan warna bervariasi, dengan bentuk dashed.

Div border dashed

Kita melihat kombinasi yang lainnya.

Warna warni kombinasi kode html border

Kombinasi dengan bentuk solid tebal 5px warna bervariasi.

Untuk melihat hasil dari kode html tersebut bisa di lihat di gambar di bawah ini.


Oke. Untuk pelajaran pengenalan code html border sudah selesai anda bisa langsung kombinasi dengan table, textarea, button, css lainnya.

Intinya adalah dalam melakukan pelajaran html haruslah di fahami maksundnya dulu kemudian, mulai berkreasi dengan sering mencobanya.

Semoga ulasan kali ini bermanfaat untuk anda

Share this

Related Posts

Previous
Next Post »