Halo teman-teman semua, berjumpa lagi di tutorial Dumet School. Pada artikel kali ini kita akan latihan Membuat Tombol Menarik Dengan HTML dan CSS tombol ini bisa di pakai pada saat kalian membuat sebuah form login supaya form terlihat lebih menarik. Baik mari kita lihat demo nya pada gambar di bawah ini

Membuat Tombol Menarik Dengan HTML dan CSS

Ketika mouse di arah kan pada tombol maka hover akan menampilkan “Done

Membuat Tombol Menarik Dengan HTML dan CSS

Oke mari kita praktekkan sesuai demo gambar di atas ini

Seperti biasa teman-teman siapkan text editornya, lalu copy script html nya di bawah ini

Lalu pastekan di text editornya, dan save dengan nama index.html kemudian buka pada browsernya. Maka output akan menghasilkan seperti gambar di bawah ini

Membuat Tombol Menarik Dengan HTML dan CSS

Langkah berikutnya kita berikan fungsi css nya, nah teman-teman copy script css nya di bawah ini

Lalu tambahkan di dalam tag <head>, jika sudah save dan refresh pada browsernya. Maka tombol yang kita buat telah berhasil. Sangat mudah bukan..??!!

Oke sekian dulu di tutorial kali ini tentang Membuat Tombol Menarik Dengan HTML dan CSS kita jumpa lagi di tutorial yang akan datang, mudah-mudahan bermanfaat untuk teman-teman khususnya yang suka esperimen dengan html dan css nya. Terimakasih dan sampai jumpa 🙂