Cara buat Bingkai pada postingan blog

Berikut adalah contoh 7 bingkai yang bisa anda gunakan pada tulisan di Blog. Langsung aja dan caranya sama yaitu copas kode yang ada di bawah ini dan letakkan di EDIT HTML.
Untuk warna ataubackground-color, border, dll bisa anda sesuaikan dengan keinginan anda. Selamat mencoba

Solid

<div style="border: 1px solid #000000; background-color: #FFFFFF; padding: 5px; width: 400px;"> Tulisan yang akan diberi bingkai </div>

Dashed

<div style="border: 1px dashed #000000; background- padding: 5px; width: 400px;"> Tulisan yang akan diberi bingkai </div>

Dotted

<div style="border: 1px dotted #000000; background-color: #FFFFFF; padding: 5px; width: 400px;"> Tulisan yang akan diberi bingkai </div>

Double

<div style="border: 4px double #000000; background- padding: 5px; width: 400px;"> Tulisan yang akan diberi bingkai </div>

Groove

<div style="border: 4px groove #000000; background-color: #FFFFFF; padding: 5px; width: 400px;"> Tulisan yang akan diberi bingkai </div>

Outset

<div style="border: 4px outset #000000; background- padding: 5px; width: 400px;"> Tulisan yang akan diberi bingkai </div>

Ridge

<div style="border: 4px ridge #000000; background- padding: 5px; width: 400px;"> Tulisan yang akan diberi bingkai </div>