Cara Memberi Bingkai Pada Postingan

Pada tutorial kali ini , saya akan memberikan 7 bingkai yang anda dapat gunakan pada tulisan anda di Blog . Apa saja 7 bingkai tersebut , dapat anda lihat satu per satu beserta contohnya .

1. Solid

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

2. Dashed

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

3. Dotted

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

4. Double

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

5. Groove

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

6. Outset

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

7. Ridge

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

Untuk warna (background-color), border, dll bisa anda sesuaikan dengan keinginan anda. Selamat mencoba ^_^

sumber : http://elsymedia.blogspot.com/2010/10/memberi-bingkai-tulisan-pada-posting.html