Membuar Border Style dengan CSS

Belajar css memang sangat menyenangkan, kali ini saya coba berikan sedikit tips dalam membuat border blog. Mungkin ada yang belum mengetahui ragam atau jenis border, padahal ada banyak jenis border yang bisa di gunakan untuk mempercantik tulisan atau blog. Dibawah ini ada beberapa daftar jenis border yang bisa sobat gunakan untuk mengganti border sidebar atau main post blog.

border-style: dotted border-style: solid border-style: groove border-style: inset

border-style: dashed border-style: double border-style: ridge border-style: outset

Berikut ini contoh macam style border yang paling diminati :

Border-style: dotted

Scriptnya :

Tulisan Sobat di sini

 Preview:

Tulisan Sobat di sini

Border-style: solid

Scriptnya :

Tulisan Sobat di sini

 Preview  :

Tulisan Sobat di sini

Border-style: dashed

Scriptnya :

Tulisan Sobat di sini

Preview :

Tulisan Sobat di sini

 

Border-style: groove

Scriptnya :

Text Sobat Di Sini

 preview  :

Text Sobat Di Sini

Border-style: double

Scriptnya :

Text Sobat Di Sini

 

 preview  :

Text Sobat Di Sini

Border-style: inset

Scriptnya :

Text Sobat Di Sini

 Preview  :

Text Sobat Di Sini

Border-style: outset

Scriptnya :

Text Sobat Di Sini

 

 Preview  :

Text Sobat Di Sini

 

Border-style: ridge

Script  :

Text Sobat Di Sini

 Preview  :

Text Sobat Di Sini

Border Mix 

Scriptnya :

Text Sobat Di Sini

Preview  :

Text Sobat Di Sini

Note   :

• border:5px adalah tebal dari border.
• #08088A adalah kode untuk warna biru
• width:500px adalah lebar dari kotak.
• padding:20px adalah jarak antara tulisan dengan border.
• background:#FFF adalah warna latar.

-Selamat Mencoba -