24-CSS Drop Down Properties


Dropdown Property– This property is extensively used in CSS.The basic use of this when a user takes the cursor over a particular then it shows all the information regarding that topic or a word.

To understand it more clearly I have presented a very basic Dropdown code



It’s a Hoverable Dropdown

point the mouse to the text below to open the given dropdown content.

Mouse here

[/css] Not only this but the Unique way of using this drop-down menu which you can see on almost all the newly build websites.
[bha size=’620×203′ variation=’01’ align=’none’] Here I have presented another different approach to use dropdown property.



Dropdown Menu

Move the mouse over the button to open the dropdown menu.

[/css] This way you can create any sort of menu to make a better web page.

Facebook Comments
Previous article23-CSS3 Flexbox Concepts
Next articleHotel Management System
Hello Itsourcecoders, welcome to itsourcecode.com. I'm Joken Villanueva, MIT a passionate Blogger, Programmer and a Hobbyist. I started Itsourcecode because I wanted to give back and Share all the learnings and knowledge I've learned in my career and I believe through this website I would be able to help and assist those newbie programmers in enhancing their skills from different programming languages. So let us all help each other by sharing our ideas!


  1. I am very glad that you have this website that I can visit and learn during my free time. Thank you so much 😃

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.