Dibawah ini beberapa contoh bentuk border/bingkai beserta kodenya yang bisa sobat gunakan.
1. Solid
<div style="background-color: #4ab0b5; border: 1px solid #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>
Tulisan Anda...</div>
2. Dashed
<div style="background-color: #4ab0b5; border: 1px dashed #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>
Tulisan Anda...</div>
3. Dotted
<div style="background-color: #4ab0b5; border: 1px dotted #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>
Tulisan Anda...</div>
4. Double
<div style="background-color: #4ab0b5; border: 4px double #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>
Tulisan Anda...</div>
5. Groove
<div style="background-color: #4ab0b5; border: 4px double #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>
Tulisan Anda...</div>
6. Outset
<div style="background-color: #4ab0b5; border: 4px outset #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>
Tulisan Anda...</div>
7. Ridge
<div style="background-color: #4ab0b5; border: 4px ridge #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>
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.
Sobat bisa menyesuaikan dengan selera sobat masing masing. untuk kode warna bisa dilihat disini
Demikian semoga bermanfaat...
3 komentar
mantap dah .. tutornya
Keren rank 1 di google :D
makasi mas, :-)
thx dah mampir :)
Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.