Membuat Kotak/Border Dengan Kode HTML

Untuk yang suka otak-atik html, dan mendesign tampilan website atau blog Anda harus membaca artikel ini, Membuat Kotak/Border Dengan Kode HTML. Semoga bisa menambah pengetahuan kita tentang Kode Html.


Biasanya Membuat Kotak/Border Dengan Kode HTML sering digunakan untuk menambahkan pada artikel dan widget, sehingga artikel lebih menarik.

---

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

OUTSET BORDER

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

DOUBLE BORDER

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

DOTTED BORDER

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

DASHED BORDER

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

KOTAK SCROLL

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

Untuk mengganti warna Background kuning, silahkan ganti tulisan gold, dengan nama warna yang Anda inginkan, misalnya Yellow, Green, dan lain-lain.