Ada banyak jenis border untuk memperindah postingan kita, antara lain jenis dotted, dashed, solid, ridge, groove, inset, outset, double, dan scrool.
Pemberian border itu sendiri biasanya digunakan untuk membatasi jarak antara postingan dan penulisan kode html. Untuk lebih jelasnya bloggertrik akan memberikan kode sekaligus contohnya, dalam hal ini akan saya berikan contoh border dengan warna merah dan background biru muda
Border jenis Ridge
<div style="border: 4px #cc0000 ridge; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis Dashed
<div style="border: 4px #cc0000 dashed; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border Jenis Solid
<div style="border: 4px #cc0000 solid; padding: 10px; background-color: #99ffff; text-align: left"> MASUKAN TEKS DISINI </div>
Border jenis Dotted
<div style="border: 4px #cc0000 dotted; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis groove
<div style="border: 4px #cc0000 groove; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis inset
<div style="border: 4px #cc0000 inset; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis outset
<div style="border: 4px #cc0000 outset; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis double
<div style="border: 4px #cc0000 double; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis Scroll
<div style="border: 4px #cc0000 solid; padding: 10px; background-color: #99ffff; overflow: auto; height: 60px; width: 260px; text-align: left;"> TULIS MASUKAN TEKS DISINI </div>
Silahkan ganti kode warna border dan background dengan warna kesukaan anda, untuk mengetahui kode warna silahkan klik disini
