Home
Tips Blogger

Macam-macam Garis atau Border Pada Blog

Pada postingan kali ini terbilang lumayan menarik bagi sobat yang sering mengotak atik template atau code Html di blognya karena biasanya bagi blogger yang tergolong baru seperti saya dan sobat sering kebingungan jika dihadapkan dengan code Html yang begitu banyak.

Jadi postingan kali ini akan membahas tentang macam-macam atau jenis garis atau border atau blog yang mana dengan pilihan yang banyak tersebut sobat dapat menentukan garis yang bagus yang sesuai dengan template blog sobat. Dan postingan kali juga masih erat hubungannya dengan postingan sebelumnya yang berjudul Mengatur Margin dan Pandding Pada Blog.

Berikut ini beberapa pembahasan mengenai garis atau border pada blog.

  • border-top: Garis tepi bagian atas.
  • Border-bottom: Garis tepi bagian bawah.
  • Border-left: Garis tepi bagian kiri.
  • Border-right: Garis tepi bagian kanan.
  • Dotted: Garis titik-titik.
  • Solid: Garis lurus.
  • Double: Garis lurus
Border-top: 2px solid #f0000
Keterangan:
  • Border-top: menunjukkan garis bagian atas.
  • 2px: tebal garis.
  • solid: garis lurus.
  • #ff000: warna garis.

Hasilnya kurang lebih seperti di bawah ini.

SOLID

DOTTED


DASHED


DOUBLE


GROOVE


RIDGE


INSET


OUTSET

Semoga artikel kali ini bermanfaat happy blogging :)

3 comments

  1. Untuk tampilan yang smooth gunakan modzilla fire fox gan ;))
    • Saya rasa di chrome dan browser lainya juga smooth kok
  2. Kalo bordernya yang ada cuma bagian bawahnya gimana caranya gan?
  1. Komentar ini, diurutkan dari yang terlama
  2. Tinggalkan komentar sesuai topik tulisan
  3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Out off topic
  4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
  5. Untuk menghapus komentar, hanya dapat dilakukan oleh admin.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.