Apa sih CSS, CSS yaitu Memberikan style terhadap dokumen HTML, dan membuat tampilan HTML lebih Dinamis dan Atraktif, banyak sekali kegunaan CSS selain membuat website kita lebih dinamis kita juga bisa membuat gambar android dan membuat game ular di hp nokia dahulu (snake).

Untuk kali ini saya tidak untuk menjelaskan membuat gambar atau game, melainkan membuat menu diwebsite kita lebih dinamis dan mudah digunakan dengan cara membuat drop down.

Berikut tahap pembuatan CSS menu drop down :

  1. Buat lah rangka HTML seperti ini

Tips Trik Membuat Menu Drop Down Dengan CSS

A : Sebagai pembungkus menu

B : Isi dari menu

C : Isi dari menu Kontak

  1. Setelah itu buat CSS bisa menggunakan semua cara tetapi saya akan memberikan contoh dengan cara internal style.

Tips Trik Membuat Menu Drop Down Dengan CSS

Tips Trik Membuat Menu Drop Down Dengan CSS

Tips Trik Membuat Menu Drop Down Dengan CSS

  1. D : Style yang diberikan untuk pembungkus menu
  2. E : Style yang diberikan untuk isi menu ( B )
  3. F : Efek diberikan untuk isi menu ( B )
  4. G : Style yang diberikan untuk isi menu kontak ( C )
  5. H : Efek diberikan untuk isi menu kontak ( C )

Hasil dari HTML dan CSS yang digabungkan :

Tips Trik Membuat Menu Drop Down Dengan CSS

Sekian dari saya untuk tips trik membuat menu drop down dengan css semoga bermanfaat untuk kalian semua. 🙂