CSS Dropdown

Go to main Page

Dropdown in CSS

Now we are going to create dropdown in CSS.

Dropdown Code

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
        margin: 0px;
        padding: 0px;


        font-family: Arial;
        background-image: url("neelum.JPG");


    width: 70%;
   margin: auto;
    #manu ul{
     list-style: none;

#manu ul li{
  background: firebrick;
    border:1px solid white;
    line-height:45px ;
    text-align: center;
    float: left;
   position: relative;

#manu ul li a{
    text-decoration: none;
    color: white;
    display: block;
    #manu ul li a:hover{

        background: #F9CF02;

#manu ul ul{

    position: absolute;
    display: none;
    #manu ul li:hover > ul{
        display: block;

    #manu ul ul ul {
margin-left: 100px;


    <div id="manu">

       <ul >

           <li><a href="">Services</a>
               <li><a href="">Web development</a> </li>
               <li><a href="">Youtube SEO</a> </li>
               <li><a href="">Video Editing</a>
                   <li><a href="">Motion Graphics</a> </li>
                   <li><a href="">Youtube video</a> </li>
                   <li><a href="">video</a> </li>