Jenis - Jenis border dan cara pembuatannya

Border adalah garis tepi dari komponen/objek yang berfungsi agar konten/objek  tersebut terlihat rapi. Berikut adalah jenis - jenis border dan cara membuatnya,

Rex Screen Shoot:

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.

Related Post: