Hallo Teman-teman, Bertemu kembali dengan saya diwebsite ini. Dihari yang cerah dan indah ini semoga teman-teman masih diberikan nikmat dan kesehatan agar dapat kembali mencari atau menambah ilmu seputar dunia website.

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Style pada hr dengan CSS. Sebelum kita mulai, penjelasan singkat tentang tag hr pada HTML merupakan sebuah horizontal rule atau garis horizontal jadi fungsi tag hr ini digunakan untuk menandakan pemisah konten atau paragraph satu dengan yang lainnya.

Pada dasarnya tag hr ini hanya berupa garis horizontal dengan warna hitam dan lurus saja Lain halnya dengan kali ini, kita akan memodif atau menstyle tag hr ini dengan CSS. Untuk lebih jelasnya langsung saja kita mulai Cara Membuat Style pada hr dengan CSS.

Pertama tama seperti biasa jalankan/run text-editor yang teman-teman gunakan lalu kemudian ketikan script html dibawah ini :

Jika sudah silahkan teman-teman simpan, dan langkah selanjutnya teman-teman tambahkan style CSS seperti dibawah ini:

Jika sudah silahkan teman-teman simpan dan coba teman-teman jalankan dibrowser yang teman-teman gunakan maka hasilnya akan seperti pada gambar dibawah ini :

cara-membuat-style-pada-hr-dengan-css

Cukup mudahkan teman-teman, dan untuk pengembangannya silahkan teman-teman modif sendiri sesuai yang teman-teman inginkan.

Oke untuk pembahasan kali ini tentang Cara Membuat Style pada hr dengan CSS cukup sampai disini dulu. Dan sampai bertemu di pembahasan selanjutnya.

Terimakasih