Macam-macam Teks Area V.04

Banyak bentuk bingkai yang bisa Anda pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya:

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“.

Posted in: Tutorial Blog