Membuat Border dan Modifikasinya

Untuk memberikan kesan lebih indah dalam warna dan tampilan blog khususnya kode HTML/Script yang akan diletakan didalam posting pada saat menulis artikel, Anda bisa meletakan kode Script di dalam kotak dengan border dan warna background yang berbeda sesuai dengan warna pilihan, baik itu dengan border yang garis tipis, tebal atau garis putus-putus.

Ada beberapa jenis border yang saya ketahui yaitu :

1. Ridge Border
2. Groove Border
3. Solid Border
4. Insert Border
5. Outset Border
6. Double Border
7. Doptted Border
8. Dashed Border

Langkah membuat dengan border sangat mudah

• Copy kode Script dibawah ini
• Kemudian letakan pada posting Anda

Contoh Dashed Border

 <div style="border: 2px #006400 dashed; padding: 10px; background-color: #F2F5A9; text-align: left;"> TEKS ANDA DISINI.. </div> 

Contoh Ridge Border 

 <div style="border: 5px #006400 ridge; padding: 10px; background-color: #F5A9D0; text-align: left;">  TEKS ANDA DISINI..  </div> 

Contoh Dotted Border

 <div style="border: 2px #006400 dotted; padding: 10px; background-color: #FFFF00; text-align: left;">  TEKS ANDA DISINI..  </div> 

Contoh Double Border

 <div style="border: 3px #006400 double; padding: 10px; background-color: #A9F5A9; text-align: left;">  TEKS ANDA DISINI..  </div> 

Contoh Groove Border

 <div style="border: 5px #006400 groove; padding: 10px; background-color: #F2F5A9; text-align: left;">  TEKS ANDA DISINI.. </div> 

Contoh Solid Border

 <div style="border: 3px #1627A7 solid; padding: 10px; background-color: #61FFF6; text-align: left;">  TEKS ANDA DISINI..  </div> 

Demikian adalah beberapa sample border ala Trik Bloger. Semoga Bermanfaat.