Membuat border dengan background warna didalam posting
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 yaitu :
- Ridge Border
- Groove Border
- Solid Border
- Insert Border
- Outset Border
- Double Border
- Doptted Border
- Dashed Border
- Copy kode Script dibawah ini
- Kemudian letakan pada posting Anda
<div style="border: 2px #006400 groove; padding: 10px; background-color: #F2F5A9;
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #F2F5A9;
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #F5A9D0;
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
<div style="border: 2px #006400 double; padding: 10px; background-color: #A9F5A9;
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #FFFF00;
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
text-align: left;"> KODE SCRIPT LETAKAN DISINI </div>
_Semoga Bermanfaat_
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment