1. Solid
<div style="border: 1px solid #000000;
background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
2. Dashed
<div style="border: 1px dashed #000000;
background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
3. Dotted
<div style="border: 1px dotted #000000;
background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...</div>
4. Double
<div style="border: 4px double #000000;
background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
5. Groove
<div style="border: 4px groove #000000;
background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
6. Outset
<div style="border: 4px outset #000000;
background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...</div>
7. Ridge
<div style="border: 4px ridge #000000;
background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
Keterangan:
border: tebal tipisnya, jenis dan warna bingkai.
background-color: warna latar bingkai.
padding: jarak antar bingkai dengan tulisan.
width: lebar bingkai.
Cara memasang di posting :
Copy-kan kode diatas dalam area “HTML” dan tulis artikel anda hingga selesai dan kembali ke mode “Visual“.