Thursday, 31 December 2009

Cara Membuat Border Dengan Warna Pada Scrip Postingan

Pembuatan Border Dengan Warna Pada Scrip Postingan ini bertujuan untuk mempercantik dan memperjelas tampilan posting pada blog temen-temen. Ada beberapa bentuk Border yang akan dijelaskan.

Berikut macam dan langkah-langkahnya:

1. Solid Border
Berikut Codenya :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI


2. Ridge Border
Berikut Codenya :
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI


3. Groove Border
Berikut Codenya :

<div style="border: 2px #006400 groove; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI


4. Inset Border
Berikut Codenya :

<div style="border: 2px #006400 inset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI


5. Outset Border
Berikut Codenya :

<div style="border: 2px #006400 outset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI


6. Double Border
Berikut Codenya :
<div style="border: 2px #006400 double; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI


7. Dotted Border
Berikut Codenya :
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI



8. Dashed Border
Berikut Codenya :
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI



9. Border dengan scroll, lebar dan tinggi
Berikut Codenya :
<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Maka Hasilnya Seperti Dibawah ini:
TULIS SCRIPT/KODENYA DISINI


Selamat Mencoba Membuat Border Dengan Warna Pada Scrip Postingan


0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More