Cara Membuat Border Pada Postingan
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 saya akan memberikan kode sekaligus kodenya, 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 :
Border jenis Dashed :
<div style="border: 4px #cc0000 dashed; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border Jenis Solid:
Border Jenis Solid:
<div style="border: 4px #cc0000 solid; padding: 10px; background-color: #99ffff; text-align: left"> MASUKAN TEKS DISINI </div>
Border jenis Dotted:
Border jenis Dotted:
<div style="border: 4px #cc0000 dotted; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis groove:
Border jenis groove:
<div style="border: 4px #cc0000 groove; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis inset:
Border jenis inset:
<div style="border: 4px #cc0000 inset; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis outset:
Border jenis outset:
<div style="border: 4px #cc0000 outset; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis double:
Border jenis double:
<div style="border: 4px #cc0000 double; padding: 10px; background-color: #99ffff; text-align: left;"> MASUKAN TEKS DISINI </div>
Border jenis Scroll:
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
Silahkan ganti kode warna border dan background dengan warna kesukaan anda, untuk mengetahui kode warna silahkan klik disini
