Cara membuat bingkai tulisan di postingan dan sidebar

        Banyak cara mempercantik tulisan di blog dan salah satunya dengan memberikan bingkai. Bingkai tidak saja dipakai di foto, namun di tulisan juga. Kali ini membuat bingkai pada tulisan yang bisa di taruh di sidebar atau posting. Banyak hal yang bisa anda lakukan dengan bingkai ini, misalnya membuat catatan kecil, peringatan, pengumuman, kode script, dll.

Banyak bentuk bingkai yang bisa anda pakai diantaranya adalah:

1. Solid
2. Dotted
3. Dashed

4. Double

5. Groove

6. Ridge

7. Inset

8. Outset

Contoh Penerapannya seperti dibawah ini:

1. Solid

<div style="border: 1px solid #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>

2. Dashed

<div style="border: 1px dashed #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>

3. Dotted

<div style="border: 1px dotted #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>

4. Double

<div style="border: 4px double #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>

5. Groove

<div style="border: 4px groove #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>

6. Outset

<div style="border: 4px outset #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>

7. Inset

<div style="border: 4px Inset #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>

8. Ridge

<div style="border: 4px Ridge #000000; background-color:# 4C9CF7; padding: 5px; width: 400px;">
Tulisan Anda Disini...
</div>