Cara Buat BORDER pada Sidebar

Silahkan bagikan :

۞ السَّــــــلاَمُ عَلَيْــــــكُمْ وَرَحْمَــةُ اللــــهِ وَبَرَكَاتُــــــــــهُ ۞

۞ بســـــــــــــم اللّـــه الرّحمٰن الرّحيـــــــــــــم ۞

-----------------------------------------------------------------------

"Copy" kod di bawah:

.sidebar .widget {
border:2px dashed #cccccc;
padding:5px;
}

Jika hendak lengkungkan keempat-empat penjuru border:

.sidebar .widget {
border:2px dashed #cccccc;
padding:5px;
border-radius:15px;
}

Jika hendak lengkungkan beberapa penjuru border:

.sidebar .widget {
border:2px dashed #cccccc;
padding:5px;
border-top-right-radius:15px;
border-top-left-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:15px;
}

Tambah background color dalam border:

.sidebar .widget {
border:2px dashed #cccccc;
padding:5px;
background:#999999;
}

Nota:

• Kod warna merah:
  Untuk menambahkan/mengurangkan ketebalan border
• Kod warna biru:
  Untuk menukar jenis garisan border
*klik untuk mendapatkan jenis-jenis garisan border
• Kod warna hijau:
  Untuk menukar warna garisan border
*klik untuk mendapatkan kod-kod warna lain
• Kod warna ungu:
  Untuk menambah/mengurangkan jarak pada bahagian atas dan bawah border
• Kod warna pink:
  Untuk menambahkan/mengurangkan panjang lengkung pada semua penjuru border
• Kod warna aqua/cyan:
  Untuk menambahkan/mengurangkan lengkung dan panjang lengkung bagi beberapa penjuru border. Set pada nilai "0" untuk tidak mempunyai lengkung
• 
  

۞ الحمد لله ربّ العٰلمين ۞

-----------------------------------------------------------------------