Cara membuat border berwarna

Border  berwarna dan jenis-jenis garis bordernya

silahkan pilih menurut selera anda....:

» Solid Border

<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Ridge Border

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Groove Border

<div style="border: 2px #006400 groove; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Inset Border

<div style="border: 2px #006400 inset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Outset Border

<div style="border: 2px #006400 outset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Double Border

<div style="border: 2px #006400 double; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Dotted Border

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

» Dashed Border

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Border dengan scroll, lebar dan tinggi

<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8;
overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

 add   :  

warna bisa disesuaikan menurut selera anda

klik disini untuk melihat kode warna

Related Articles :