CSS DROPDOWNS

A drop-down is a bunch of lists under an unordered list i.e. <ul> as it is popularly known in HTML world. Nested list (<li>) tags under the <ul> tag used to create drop-down structure. To bring out the effects use CSS for the components present in the structure

font-varient: It is used to create the smaller-capital effect. It can be “normal or small-caps”.

Example:

​​​​<nav> 
<ul>
<li class="menu">
<a href="">Home</a>
<ul>
<li><a href="">Sub Menu1</a></li>
<li><a href="">Sub Menu2</a></li>
<li><a href="">Sub Menu3</a></li>
<li><a href="">Sub Menu4</a></li>
</ul>
</li>
</ul>
</nav>

DOWNLOAD LATEST PROJECTS