Cara Membuat Garis dalam Postingan Blog dengan HTML

Untuk memasangnya sangat mudah sekali, kita hanya perlu memasukan salah satu dari kode HTML di dalam artikel ini.

Ketika memasang kode tersebut ubah terlebih dahulu mode Compose ke HTML

1. Kode untuk garis (solid) sederhana dengan satu contoh: warna hitam

<hr color ="solid black" align="center"/>

Hasil:

---

2. Garis lurus dengan titik (dotted):

<div style="border-bottom:2px dotted red;"></div>

Hasil:

Catatan!
2px adalah ketebalan titik (dotted) bisa diubah
red adalah bisa diganti.


3. Berikut garis spesial dengan 2 warna keren:

<div style="-moz-border-box: 1px; -webkit-border-box: 1px; background-color: gainsboro; border-left: 90px solid lime; padding: 1px; t-align: left;"></div>

Hasil:

Jadi, 90px panjang garis dari kiri (left) dengan warna lime, bisa diganti


4. Garis selanjutnya Atribut Align, kode garis horizontal ini bisa kalian atur semua sesuai keinginan

<div style="border-top: 4px solid #00ff7f; margin-top: 1em; padding-top: 1em;"></div>

Hasil:

Kalian bisa mengubah 4px (ukuran), solid (jenis garis) menjadi dooted, double, groove dan #00ff7f (warna) seperti dibawah:

dotted

double

groove

Nah, garis horizontal digunakan untuk memisahkan halaman web secara visual. Tag yang digunakan adalah <hr>. Beberapa atribut antara lain, ALIGN, SIZE, dan WIDTH. Tag hr seperti halnya tag br (<br>) adalah tag yang berdiri sendiri. Jadi tidak perlu ditutup dengan tag penutup.