|
Contoh Border |
Banyak bentuk bingkai yang bisa anda pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya yang support di WordPress.com.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.
0 komentar:
Posting Komentar