Buat box teks di ruang posting

posted by: daroef

Box teks di ruang posting bisa dipergunakan untuk tempat meletakkan teks yang bersifat khusus sehingga terpisah dari teks lainnya. Ada berbagai style box yang bisa disesuaikan dengan seberapa besar box yang ingin digunakan. Pada beberapa posting dengan teks yang sangat panjang, box yang dilengkapi dengan scroller juga sangat bermanfaat untuk effisiensi ruang. Agar box kelihatan lebih menarik, box bisa dilengkapi dengan borderstyle, background dan overflow.

1. Box sederhana :

<div style="width:100px; height:200px; border:2px solid #333333;">

daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><
</div>

2. Dengan Width dan height auto :

<div style="width:auto; height:auto;border:2px solid #333333;">
<>daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><
</div>

3. Dengan background dan border :

<div style="background:#003333; width:100px; height:200px; border:2px solid #663333;">
daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><
</div>

4. Dengan scroller :

<div style="background:#000000; width:100px; height:100px; border:6px ridge #ffffff; overflow:scroll;">
daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><daroef is papa genk><
</div>

Catatan :

- Beberapa style border yang lain bisa digunakan.
- Warna Background bisa disesuaikan dengan blog.
- Contoh-contoh di atas bisa langsung dipergunakan di ruang posting blog dengan menyesuaikan antara banyaknya teks dengan height serta width.