Cara Membuat Postingan HTML berada di dalam Kotak

Membuat Kode HTML berada di dalam kotak-cara ini Sangat Mantap untuk di coba karena dengan begitu maka Script Script yang anda letakan di dalam kotak pun akan terlihat lebih menarik ,lebih cantik,lebih sedap dipandang mata dan lebih rapi,untuk membuatnya silahkan Lihat Kode di bawah ini...
Contoh tampilan yang akan dihasillkan akan seperti ini :

Disinilah isi tulisan anda.

Untuk variasi kode penulisannya sebagai berikut :
1. penulisan untuk tampilan Dashed Border



<div style="border: 2px &lt;span style=">#FF0000 solid; padding: 10px; background-lt;span >#FFCC00</span>; overflow: auto; height: 50px; width: 300px; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span> </div>


2. tampilan Dashed Border


<div style="border: 2px &lt;span style=">#FF0000 dashed; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span> </div>


3.tampilan Border dengan scroll, lebar dan tinggi


<div style="border: 2px &lt;span style=">#FF0000 solid; padding: 10px; background-lt;span >#FFCC00</span>; overflow: auto; height: 50px; width: 300px; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span> </div&gt




4.untuk tampilan Solid Border


<div style="border: 2px &lt;span style=">#FF0000solid; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span></div>


5.untuk tampilan Ridge Border


<div style="border: 2px &lt;span style=">#FF0000 ridge; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span></div>


6.tampilan Groove Border


<div style="border: 2px &lt;span style=">#FF0000 ridge; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span></div>


7.tampilan Inset Border


<div style="border: 2px &lt;span style=">#FF0000 inset; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span></div>


8.tampilan Outset Border


<div style="border: 2px &lt;span style=">#FF0000 outset; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span></div>


9.tampilan Double Border


<div style="border: 2px &lt;span style=">#FF0000 double; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span></div>


10.tampilan Dotted Border


<div style="border: 2px &lt;span style=">#FF0000 dotted; padding: 10px; background-lt;span >#FFCC00</span>; text-align: left;"&gt; <span >Masukkan tulisan anda disini</span></div>

Jika anda ingin mengganti warna Background silahkan ubah saja Kode warnanya jika anda ingin tau jenis Kode warnanya Silahkan >>KLIK DISINI<<