Membuat Berbagai Macam Kotak Backround di Blog

Hy Sobat [R][B] Community Kali ini Saya mau berbagi cara membuat berbagai macam kotak background di posting blog, jika kalian ingin menampilkan kotak background di dalam postingan atau halaman baru kalian.
Sebagai contoh kotak backround Dashed :

CONTOH KOTAK BACKROUND DASHED <CODE>

Dalam kotak background bisa di isi dengan tulisan atau kode HTML/SCRIPT yang sudah di parse terlebih dahulu agar bisa muncul di dalam kotak background.
Langsung aja di praktekkan yukz :)

Dotted

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

Dashed

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

Double

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

Grove

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

Solid

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

Outset

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

Insert

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

Ridge

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

Scroll

<div style="background-color: #F1960E; border: 4px solid rgb(red); color: #000000; color:black; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 429px;">KODE/TEKS</div>

Catatan:
border = warna bagian pinggir
background = warna bagian tengah
collor = warna text
Kalian dapat mengganti warna dan mem parse codenya di sini :

CODE WARNA



PARSE HTML/SCRIPT