Jenis dan Cara Membuat Border

Jenis dan Cara Membuat Border - Border adalah garis tepi dari komponen/objek yang berfungsi agar konten/objek tersebut terlihat rapi. Berikut adalah jenis border yang bisa dipilih:

Kode untuk membuat kotak dengan border seperti di atas adalah:

<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Tuliskan Teks Atau Sesuatu yang Ingin Diberi Border disini
</div>

Atau yang lebih sederhana (sesuaikan dengan kebutuhan):

<div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div> 

Ganti Tulisan yang berwarna merah dengan Jenis Border yang kamu inginkan.


Mengganti border pada sidebar, footer, header dan lain-lain

Pada template blog baik pada sidebar, footer maupun header sering kita temukan kode seperti ini:

border-top: 1px dotted #dddddd;
border-bottom: 1px solid #dddddd;

Jika ingin mengubah bordernya, sobat tinggal mengganti tulisan berwarna merah dengan jenis border yang sesuai, sama seperti di atas.

Demikianlah jenis dan cara membuat border ini saya tulis, kurang dan lebihnya mohon maaf yang sebesar-besarnya. Halah, koq jd kayak pidato pak lurah, haha salam...