Menampilkan kode html dengan kotak background

Kode HTML akan bisa tampil dalam postingan kita, jika kita sudah mem parse terlebih dahulu code tersebut. Nah bagaimana caranya? dan apa yang kamu akan lakukan?. Sebentar saya minum kopi dulu ya?. OK yuk kita lanjutkanJika Anda ingin membuat kotak script atau html dengan background yang nantinya akan Anda posting,mudah juga ternyata..perhatikan saja kode2 dibawah ini:

Border berwarna dan jenis-jenis garis bordernya!

* Solid border

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

* Ridge Border

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

* Groove Border

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

* Inset Border

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

* Outset Border

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

* Double Border

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

* Dotted Border

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

* Dashed Border

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

* Border dengan scroll, lebar dan tinggi

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

Semoga bisa membantu..