A pleasure to greet my dear readers for me is a pleasure to bring you the 6th part of the web design course.
I was a little away from these tutorials because it is something that requires a little time and dedication, but I was working on other projects of my university studies.
Without further ado let's start, today I will show you a drop-down menu with css and html.
If you do not know how to create a list visit my post in the following link List
We put the nav tag with an id attribute to identify the menu.
The properties are placed in the css document to give the style to the menu since there are many types of properties, you can try them all you like here a page of css properties explained each one of them.
Here we can visualize how our menu is showing a better style
PD: If you notice, by default we hide the links of the submenu with display: none and then we show them by applying the display: block with the selector :hover
In addition, for our links to appear vertically and not horizontally as in the main menu, we will apply the CSS rule of
PD: We put a background picture for a better look of our menu
This has been all for today, I hope you have learned something from this tutorial any questions leave me in the comments that will gladly respond.
Follow me on my social networks
|Tutorial 1||Tutorial 2||Tutorial 3||Tutorial 4||Tutorial 5|
|Introduction||Paragraphs, titles and labels||Tables and lists||Forms||Link a css document with html|