Cara Membuat Garis Lurus Pada Postingan Blog


Garis lurus pada postingan blog berfungsi untuk membatasi antara artikel diatas dengan artikel yang berada di bawahnya.

Contohnya seperti ini :




Caranya sangat mudah dan tidak perlu ke settingan tamplate, kalian cukup menggunakan kode dibawah ini untuk membuat garis lurus...

Cara membuat garis lurus :

  • Kode dasar dari garis adalah <hr/>
  • Untuk menambahkan warna kita gunakan kode "color"seperti ini ...
          <hr color="warna yang kalian inginkan" />

Code color dapat berupa tulisan dalam bahasa inggris atau dalam bentuk kode warna seperti #ffffff untuk warna putih, #ff0000 untuk warna merah dan silahkan kunjungi ColorHex untuk pilihan warna lainnya.
  • Kita juga bisa mengubah ukuran garis dengan menambah kode "width"dan mengubah ukuran panjangnya  . . .
          <hr color ="red" width="500px"/>
  • Untuk posisi gari kita bisa menggunakan kode "align" dengan nilai atributnya right, left dan center
       <hr color ="red" width="500px" align="center"/>
  • Lihat hasilnya ....



Nah bagi kalian yang ingin membuat garis putus - putus gunakan kode deibawah ini ...

<div style="border-bottom:2px dotted #0000ff;"></div>.

  • Lihat hasilnya ....

.

Silahkan dicoba dan semoga artikel ini bermanfaat ...
Always Pray and Stay Creative...

Labels