Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan mencoba membagi Cara Memberi Efek Shadow Pada Tag HR.

Tag <hr/> adalah tag yang berbentuk garis horizontal yang mendatar dari kiri ke kanan, biasanya tag <hr/> di gunakan untuk pembatas atau pemisah dari satu elemen ke elemen yang lainnya. Tag <hr/> mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Sekarang saya akan mencoba membuat tutorial singkat tentang Cara Memberi Efek Shadow Pada Tag HR:

-Pertama teman-teman ketikan tag html di bawah ini :

Apabila kita jalankan di browser maka hasilnya akan menjadi seperti gambar di bawah ini:

Cara Memberi Efek Shadow Pada Tag HR

– Kedua untuk memberikan efek shadow pada tag <hr/> teman-teman ketikan kode css3 di bawah ini:

setelah selesai teman-teman save dan beri nama style.css, karen pada kode html di atas saya sudah link-an cssnya dengan nama file style.css.

Coba teman-teman refresh browser teman-teman, maka hasilnya akan menjadi seperti gambar di bawah ini:

Cara Memberi Efek Shadow Pada Tag HR

Nah, teman-teman bisa mengganti warna dari tag <hr/> tersebut sesuai keingan teman-teman.

Bagaimana teman-teman mudahkan Memberi Efek Shadow Pada Tag HR.

Sekian tutorial saya untuk kali ini tentang Cara Memberi Efek Shadow Pada Tag HR. Maaf bila ada kesalahan dalam tutorialnya.

Sehat selalu ya teman-teman, selamat mencoba.