Yah, sekali lagi tak jauh beda dengan 2 Cara diatas,
seperti biasa Anda arahkan dahulu pada bagian yang ingin Anda tebali
dengan garis (border).
Contoh saya ingin memberi border pada pembatas sisi kiri dan kanan, caranya tinnggal saya tambahkan 'border: 1px solid gainsboro;' ini merupakan selektor bertingkat ya, jadi border akan berwarna abu-abu (gainsboro mirip gray).], memiliki garis yang padat (tidak putus-putus) dan mmemiliki ketebalan 1px.
Hasilnya seperti gambar dibawah ini.
Lanjut semisal kita ingin menambahkan ruang diatas judul, semisal untuk penempatan iklan. Caranya cukup kita tambahkan 'div' dibawah class='content-cap-top cap-top' Lalu edit css divnya dengan value :
Alasan saya menuliskan 'border-bottom: 0' adalah untuk menghilangkan garis yang bertumpuk antara div yang kita buat dengan content-inner.
Dan hasil akhir akan seperti gambar dibawah ini.
Contoh saya ingin memberi border pada pembatas sisi kiri dan kanan, caranya tinnggal saya tambahkan 'border: 1px solid gainsboro;' ini merupakan selektor bertingkat ya, jadi border akan berwarna abu-abu (gainsboro mirip gray).], memiliki garis yang padat (tidak putus-putus) dan mmemiliki ketebalan 1px.
Hasilnya seperti gambar dibawah ini.
Lanjut semisal kita ingin menambahkan ruang diatas judul, semisal untuk penempatan iklan. Caranya cukup kita tambahkan 'div' dibawah class='content-cap-top cap-top' Lalu edit css divnya dengan value :
border: 1px solid gainsboro;
height: 40px;
background-color: #FDF5F5;
border-bottom: 0;
padding-top: 20px;
font-size: 20px;
text-align: center;
Alasan saya menuliskan 'border-bottom: 0' adalah untuk menghilangkan garis yang bertumpuk antara div yang kita buat dengan content-inner.
Dan hasil akhir akan seperti gambar dibawah ini.
0 Komentar untuk "Menambahkan Border Pada Sisi Template Tertentu"