Cara Membuat Bingkai untuk Tulisan di Blog

Tidak terasa, bulan yang suci telah tiba. Sobat blogger semua pada puasa ngga? Untuk menemani puasa Anda di bulan Ramadhan ini, ayo kita lihat postingan Belajar Internet yang bakal membahas tentang Cara Membuat Bingkai untuk Tulisan di Blog. Cara ini sangatlah bermanfaat untuk memberikan efek yang lebih indah dan tentunya rapi untuk blog Anda. Terutama untuk hal-hal yang penting, seperti pengumuman atau sekedar memberikan kode-kode HTML kepada para pengunjung blog Anda.
Daripada berlama-lama lagi, yuk lansung saja kita lihat bingkai-bingkainya.

1. Solid 

<div style="background-color: #FE80DF; border: 1px solid #000000; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

2. Dashed

<div style="background-color: #00ccff; border: 1px dashed #000000; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

3. Dotted

<div style="border: 1px dotted #000000; background-color:#FCD581; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

4. Double

<div style="background-color: #C1F3C7; border: 4px double #000000; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

5. Groove

<div style="border: 4px groove #000000; background-color:#FEBFEF; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

6. Outset

<div style="border: 4px outset #000000; background-color:#FFFF00; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

7. Inset

<div style="border: 4px inset #000000; background-color:#17BF87; padding: 5px; width: 400px;">
Tulisan Anda
</div>

8. Ridge 
 

<div style="border: 4px ridge #000000; background-color:#D6D8DA; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

Sekarang, bingkai-bingkai bisa Anda pasang di blog Anda. Namun sebelumnya, Anda bisa lihat tulisan berwarna merah tersebut dan silahkan ganti sesuai dengan yang Anda inginkan.  

* Background-color = Warna latar belakang blog bingkai Anda, untuk melihat warna yang lebih banyak Anda bisa lihat DISINI
* Border = Tebal tipis, jenis dan warna bingkai Anda
* Padding = Jarak antara bingkai dengan tulisan
* Width = Lebar bingkai Anda

Yang jadi pertanyaan, kenapa height (tinggi bingkai) tidak ada? Jawabannya, karena bingkai-bingkai ini sudah otomatis, artinya berapapun banyaknya Anda menekan Enter atau banyaknya kata yang Anda masukkan dalam bingkai tersebut, bingkai ini juga aka bertambah tingginya. Nah, sudah mengerti kan? Kalau belum komentar aja.