Membuat Kotak HTML Style

Kotak Style Berbagai Kegunaan, bisa untuk Quote, Border isi postingan blog, kotak untuk menampilkan script, dan banyak lagi deh..

contoh:

berikut kode html-nya:

<div style="border: 3px #990000 Double; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

Keterangan:

1. border: 3px = ketebalan kotak script. dan #990000 = warna kotak script.
2. Double; = Bentuk kotak, bisa diganti dengan,

Contoh dan Kode yang lainnya:

inset:

<div style="border: 3px #990000 inset; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

Dashed:

<div style="border: 3px #990000 dashed; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

Dotted:

<div style="border: 3px #990000 dotted; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

Double:

<div style="border: 3px #990000 Double; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

Groove:

<div style="border: 3px #990000 Groove; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

outset:

<div style="border: 3px #990000 outset; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

ridge:

<div style="border: 3px #990000 ridge; padding: 10px;background-color:#ffffff; text-align: left;">
.Klik Disini.
</div>

Jika Ingin Menambahkan Scroll:
overflow: auto; height: 50px; width: 300px;

overflow: auto; height: 50px; width: 600px;

Cara pasang kodenya tinggal ditambahkan seperti ini:
 <div style="border: 3px #990000 solid; padding: 10px;background-color:#ffffff; text-align: left; overflow: auto; height: 50px; width: 600px;">
.Klik Disini.
</div>