Cara membuat Border di Blogger

     Sobat, skrg aku mau share tentang bagaimana Cara Membuat Border di Blogger.  Border ini cocok untuk Blog yg ngesahre tentang trik blog, dimana disitu akan ada kode'' yg harus di copy paste, border ini juga bisa merapikan kode'' itu agar tidak berantakan atau bisa juga dengan Text Area yg lebih bagus dilihat.

     Border biasa digunakan untuk menandai suatu kalimat yang dianggap penting di dalam postingan, atau dipakai sebagai pembatas antara satu sub dengan sub lain. Didalam membuat border, terutama untuk di blog, akan lebih mudah bila menggunakan kode CSS (Casscading Style Sheets)…Border sendiri ada beberapa type, diantaranya tipe solid, tipe dot, tipe dash, tipe outset, tipe inset, tipe double, tipe multiple, tipe ridge… sebagai contoh coba lihat kode dibawah ini.

Border Solid

<div style="width:200px;height:100px;border:1px solid blue;">Teks anda dengan border solid</div>

hasilnya adalah :

Teks anda dengan border solid

Border Dot

<div style="width:200px;height:100px;border:2px dashed blue;">Teks dengan border dash</div>

hasilnya adalah :

Teks dengan border dot

Border Dash

<div style="width:200px;height:100px;border:2px dashed blue;">Teks dengan border dash</div>

hasilnya adalah :

Teks dengan border dash

Border Outset

<div style="width:200px;height:100px;border:5px outset blue;">Teks dengan Outset Border</div>

hasilnya adalah :

Teks dengan Outset Border

Border Inset

<div style="width:200px;height:100px;border:5px inset blue;">Teks dengan border Inset</div>

hasilnya adalah :

Teks dengan border Inset

Border Double

<div style="width:200px;height:100px;border:2px double blue;padding:2px;">Teks dengan border double</div>

hasilnya adalah :

Teks dengan border double

Border Multiple

<div style="width:200px;height:100px;border-width:6px;border-color:blue;border-style:dotted dashed solid double;">Teks dengan burder yang multiple</div>

hasilnya adalah :

Teks dengan burder yang multiple

Border Ridge

<div style="BORDER: 5px ridge yellow; width:350px;">border ridge</div>

hasilnya adalah :

teks dengan border ridge