Membuat Kotak Kode Script/HTML Saat Memposting

Assalamualaikum wr wb.
sobat blogger yg saya akan membahas membuat kotak Kode Script/ HTML Saat Memposting. Pasti diantara blogger" belum pada tau maupun bisa untuk memperindah script yg sobat posting. Coba kita langsung mempaktekan untuk membuat kotak script/html saat memposting, silahkan pilih sesukamu :)

• Solid Border 

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

• Ridge Border

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

• Groove Border

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

• Insert Border

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

• Dotted Border

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

• Double Border

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

• Dashed Border

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA 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;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Keterangan
-Tulisan 'Berwarna Merah' : Silahkan ganti dengan Kode/HTML yg sobat inginkan....
-Warna bisa di ganti sesuai selera.
terima kasih.. :)