Halaman

    Social Items


Buat teman-teman yang sudah ahli mungkin ini sangat gampang tapi buat teman-teman yang belum mengetahui caranya pasti merasa kesulitan, jika sobat belum mengetahui caranya silahkan disimak.

Berikut cara membuat garis pada postingan blog dengan kodenya :


1. Membuat garis lurus biasa dengan kode :

    <hr>



Hasilnya seperti ini !




2. Membuat garis posisi ditengah-tengah dengan kode :

   <hr style="color:#ff0000;" width="60%">


Hasilnya seperti ini !




3. Membuat garis titik-titik dengan kode :
   

    <div style="border-bottom:3px dotted #000000;"></div>
 

Hasilnya seperti ini !



4. Membuat garis putus-putus dengan kode :
    
   <div style="border-bottom:3px dashed #000000;"></div>

Hasilnya seperti ini !


5. Membuat garis dengan border dengan kode :

   <hr style="height:5px ;background: #01DFD7;color:#0000ff;" />

Hasilnya seperti ini !



Sekian dulu postingan saya kali ini tentang cara membuat garis pada postingan blog semoga postingan ini bisa bermanfaat buat sobat yang belum tahu cara membuat garis pada blog.

Jika artikel ini bermanfaat bagi sobat pembaca silahkan kirimkan berkomentar sobat pada kolom komentar dibawah..! Terima Kasih banyak sudah berkunjung :)

Cara Membuat Garis pada Postingan Blog


Buat teman-teman yang sudah ahli mungkin ini sangat gampang tapi buat teman-teman yang belum mengetahui caranya pasti merasa kesulitan, jika sobat belum mengetahui caranya silahkan disimak.

Berikut cara membuat garis pada postingan blog dengan kodenya :


1. Membuat garis lurus biasa dengan kode :

    <hr>



Hasilnya seperti ini !




2. Membuat garis posisi ditengah-tengah dengan kode :

   <hr style="color:#ff0000;" width="60%">


Hasilnya seperti ini !




3. Membuat garis titik-titik dengan kode :
   

    <div style="border-bottom:3px dotted #000000;"></div>
 

Hasilnya seperti ini !



4. Membuat garis putus-putus dengan kode :
    
   <div style="border-bottom:3px dashed #000000;"></div>

Hasilnya seperti ini !


5. Membuat garis dengan border dengan kode :

   <hr style="height:5px ;background: #01DFD7;color:#0000ff;" />

Hasilnya seperti ini !



Sekian dulu postingan saya kali ini tentang cara membuat garis pada postingan blog semoga postingan ini bisa bermanfaat buat sobat yang belum tahu cara membuat garis pada blog.

Jika artikel ini bermanfaat bagi sobat pembaca silahkan kirimkan berkomentar sobat pada kolom komentar dibawah..! Terima Kasih banyak sudah berkunjung :)

1 comment:

Berikan komentar anda sesuai dengan topik yang sedang di bahas, jangan melakukan spam, komentar spam akan di hapus secara permanent.
Terima kasih atas pengertiannya.