Border adalah salah satu element cukup penting dalam proses design sebuah layouts, karena tampilan dari sebuah layouts tidak akan lepas dari pada sebuah garis/border. jika akan menambah atau memodifikasinya maka ada baiknya kita mengetahui jenis jenis dari border itu sendiri. nah dari pada kelamaan kita langsung menuju TKP. Berikut ini adalah tampilan untuk hasil dari layouts yang ian buat dengan contoh dari masing masing bordernya.

dotted

dashed

solid

double

groove

ridge

inset

outset

Dari contoh diatas bisa kamu gunakan dengan format CSS sebagai berikut :

<div style="border: 3px dotted rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">dotted</div>

kode yang berwarna merah menunjukkan jenis bordernya, kamu bisa mengganti jenis border tersebut sesuai dengan contoh yang sudah k'ian kasih diatas.

Baca disini untuk format modifikasi border dengan menggunakan "Radius"

Related Posts : jenis jenis border