Mempercantik Blog Dengan Border Text

 

 

 

 

 

 

 

 

 

 

Banyak cara yang bisa kita lakukan untuk mempercantik tulisan di blog dan salah satunya adalah dengan memberikan bingkai atau border tulisan. dengan memberikan tambahan border ,maka tidak hanya bagus untuk dilihat tapi juga terkesan menambah rapih penampilan blog kita.border tulisan ini bisa sobat letakan di kolom Posting ataupun di kolom Sidebar. Banyak hal yang bisa sobat lakukan dengan border/bingkai ini, contohnya membuat pengumuman,catatan,peringatan,dll.

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>

2. Dashed

<div style="background-color: #4ab0b5; border: 1px dashed #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>

3. Dotted

<div style="background-color: #4ab0b5; border: 1px dotted #000000; padding: 5px; width: 400px;">
Tulisan Anda...</div>

4. Double

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

5. Groove

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

6. Outset

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

7. Ridge

<div style="background-color: #4ab0b5; border: 4px ridge #000000; 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.
Sobat bisa menyesuaikan dengan selera sobat masing masing. untuk kode warna bisa dilihat disini 
Demikian semoga bermanfaat...