Membuat Berbagai Macam Kotak Background Membuat Berbagai Macam Kotak Background

Kali ini saya akan membahas Cara Membuat Berbagai Macam Kotak Background Di Postingan, jika sobat ingin menampilkan kotak background di dalam postingan atau halaman baru sobat,sobat bisa mengcopy code berikut.dan di dalam kotak background sobat bisa megisi dengan tulisan atau kode HTML/Script yang sudah di parse terlebih dahulu agar bisa muncul di dalam kotak background.
membuatnya cukup mudah sob, silahkan sobat pilih berbagai macam kotak backgroud di bawah ini dan copas codenya:
Cekidot . . .

Solid

<div style="border: 2px #2BA94F solid; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>

Dotted

<div style="border: 2px #2BA94F dotted; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Dashed

<div style="border: 2px #2BA94F dashed; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Double

<div style="border: 2px #2BA94F double; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>

Grove

<div style="border: 4px #2BA94F groove; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Outset

<div style="border: 4px #2BA94F outset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Ridge

<div style="border: 2px #2BA94F ridge; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Scroll

<div style="border: 4px #2BA94F solid; padding: 10px; background-color: #800080; overflow: auto; height: 50px; width: 300px; text-align: left;">KODE/TEKS</div>

Insert

<div style="border: 4px #2BA94F inset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Catatan:
border adalalah warna bagian samping.
background warna bagian tengah.
sobat dapat mengganti warnanya sesuka hati,silahkan klick disini atau lansung di atas/menu kode warna:

kode warna

Ok dah sekian dulu posingan ini,semoga bermanfaat!!!