Jenis-Jenis Border/Garis

Border atau garis pinggir, tentunya sering kalian lihat di banyak halaman blog /website.
Border atau garis merupakan komponen penting dari indah atau tidaknya sebuah halaman blog.
Banyak jenis-jenis border yang di pakai untuk membuat halaman dan tampilan sebuah blog untuk memperindah tampilan blog itu sendiri.

Pada umumnya jenis border yang kebanyakan di pakai hanya sebatas jenis border standar yaitu satu garis, padahal banyak jenis-jenis border yang bisa di pakai untuk mempercantik halaman sebuah blog.

Bagi kalian yang belum tahu, jenis-jenis border, bisa di lihat di bawah ini.
Dengan mengetahui jenis-jenis border, tentunya kalian bisa memodifikasi tampilan blog, supaya lebih terlihat menarik

BORDER SOLID/1 GARIS

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Anda Di Sini
</div>

BORDER DOUBLE/2 GARIS

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Kode Script Anda Di Sini</div>

BORDER DOTTED/GARIS TITIK-TITIK

<div style="border: 2px #red dotted; padding: 10px; background-color:#eaeaea; text-align: left;"> Kode Script Anda Disini</div>

BORDER DASHED/GARIS PUTUS-PUTUS

<div style="border: 2px #ff0000 dashed; padding: 10px; background-color:#eaeaea; text-align: left;"> Kode Script Anda Disini</div>

BORDER GROOVE

<div style="border: 7px groove #0000FF; height: 100px; text-align: center; width: 400px;">Kode Script Anda Di Sini</div>

BORDER RIDGE

<div style="border: 7px ridge #ff0000; height: 100px; text-align: center; width: 400px;">Kode Script Anda Di Sini</div>

BORDER INSET

<div style="border: 7px inset #2a4aeb; height: 100px; text-align: center; width: 400px;">Kode Script Anda Di Sini</div>

BORDER OUTSET

<div style="border: 7px outset #2a4aeb; height: 100px; text-align: center; width: 400px;">Kode Script Anda Di Sini</div>

Keterangan:
Ganti tulisan warna oranye untuk mengganti warna background kotak.
Ganti tulisan warna merah dan isi dengan tulisan atau kode script..
Ganti tulisan warna biru untuk merubah model garis.
Ganti tulisan warna coklat untuk merubah ketebalan garis.
Ganti ukuran height dan width untuk merubah lebar dan tinggi kotak

Bagi kalian yang belum mengerti cara pembuatan/pemasangan border di postingan blog, bisa baca Disini.

Demikian Artikel Jenis-Jenis Border/garis, silahkan copas untuk keperluan kalian.
Semoga bermanfaat dan selamat mencoba.