Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Pada tutorial kali ini saya akan mencoba membagi Cara Membuat Note Menggunakan HTML5 dan CSS3 Part-1.

Sering kali kita ingin memberi efek-efek pada website kita agar terlihat lebih bagus. Seperti membuat note untuk kita sisipkan di website kita.

Nah, sekarang saya akan mencoba membuat note menggunakan HMTL5 dan CSS3.

Sekarang saya akan memberikan trick Cara Membuat Note Menggunakan HTML5 dan CSS3 Part-1. berikut langkah-langkahnya:

РPertama teman-teman buat struktur  HTML-nya dulu:

Jangan lupa save dengan nama index.html

– Kedua teman-teman ketikan kode CSS3 di bawah ini:

– Hasilnya akan menjadi seperti ini:

cara-membuat-note-menggunakan-html5-dan-css3-part-1

Bagaimana teman-teman mudahkan Cara Membuat Note Menggunakan HTML5 dan CSS3 Part-1. Pada tutorial berikutnya kita akan mencoba menambahkan efek pada note yang telah kita buat tadi.

Sekian tutorial saya untuk kali ini. Sehat selalu ya teman-teman, selamat mencoba.