Aneka Bentuk HTML Border Untuk Postingan

Label:
Dibawah ini adalah contoh beberapa bentuk borderan yang aku dapat dari hasil blogwalking pada blog tetangga yang mungkin bisa sobat pakai dalam postingan. Bila sobat tertarik bisa menggunakannya. Ini macam-macam borderan yang aku maksud:


<div style="border: 10px solid rgb(221, 221, 255); color: midnightblue; font-size: 18px; line-height: 23px; margin: 0pt; padding: 15px; text-align: justify;">TULISAN SOBAT DI SINI</div>

<p style="border: solid 10px #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: solid 10px #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="background: #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="background: #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="background: #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: solid 10px #99aabb; background: #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: solid 10px #ddddff; background: #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: solid 10px #ddddff; background: #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: dashed 5px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: dashed 5px #99aabb; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>

<p style="border: dashed 5px #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: dotted 3px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: double 10px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: ridge 10px #ddddff; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: solid 10px #ddddff; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>


<p style="border: solid 10px #99aabb; background: #ddddff; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: #191970; font-size: 18px">TULISAN SOBAT DI SINI</p>



CATATAN:
Untuk mengganti warna border: ganti kode warnanya pada kode "color : (kode warna)"
Untuk mendapatkan kode warnanya bisa sobat klik
Semoga bermanfaat dan selamat mencoba. 

Special Thanks for:    http://prasutan.blogspot.com

2 komentar:

cipto mengatakan...

Wah postingan istimewa ini....Dapat dari mana ya sob..? :f

Hadi Kurniawan mengatakan...

@Cipto: Dapat dari http://prasutan.blogspot.com. Karena bagus, makanya aku tulis ulang, jadi bila mo mosting dan border script tinggal buka arsip sendiri saja sob.

Posting Komentar

 
BLOG HADI © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates