导航栏用css样式设计

html部分：

   

   

   

   

   

       

           

•                What's new

                 

                     

  •                        

                               

    • HOME

                               

    • 4t34rt34t

                               

    • 34t34t34t

                               

    • 43t34t34

                               

    • t34t34t34t

                               

    • 43t34t34t

                           

                           

                               

    • HOME

                               

    • 4t34rt34t

                               

    • 34t34t34t

                               

    • 43t34t34

                               

    • t34t34t34t

                               

    • 43t34t34t

                           

                           

                               

    • HOME

                               

    • 4t34rt34t

                               

    • 34t34t34t

                               

    • 43t34t34

                               

    • t34t34t34t

                               

    • 43t34t34t

                           

                           

                               

    • HOME

                               

    • 4t34rt34t

                               

    • 34t34t34t

                               

    • 43t34t34

                               

    • t34t34t34t

                               

    • 43t34t34t

                           

                       

                 

             

           

•                 Top rated

                 

                     

  •                    

                 

             

           

•                 Eamings

                 

                     

  •                    

                 

             

           

•                 Rings

                 

                     

  •                    

                 

             

           

•                 Bracelets

                 

                     

  •                    

                 

             

           

•                 All Categories

                 

                     

  •                    

                 

             

       

   

css样式：

*{

    margin: 0;

    padding: 0;

}

a{

    text-decoration: none;

    color: white;}

#daohang{

    background-position: top;

    width: 1300px;

    height: 80px;

    background-color: black;

    margin: 0 auto;

}

#daohang>ul>li{

    float: left;

    width: 16%;

    height: 80px;

    text-align: center;

    line-height: 80px;

    font-size: 15px;

    border: 1px solid white;

    list-style: none;

}

.all{

    list-style: none;

    width: 1300px;

    height: 500px;

    background-color: grey;

    position: static;

}

#daohang>ul>li:hover{

    background-color: gainsboro;

}

li:hover a{

    color: pinkz,;

    font-size: 25px;

}

.w{

    display: none;

}

#daohang>ul>li:hover.w{

    display: block;

}

.e{

    display: none;

}

#daohang>ul>li:hover.e{

    display: block;

}

.r{

    display: none;

}

#daohang>ul>li:hover.r{

    display: block;

}

.o{

    display: none;

}

#daohang>ul>li:hover.o{

    display: block;

}

.h{

    display: none;

}

#daohang>ul>li:hover.h{

    display: block;

}

.b{

    display: none;

}

#daohang>ul>li:hover.b{

    display: block;

}

.son11{

    list-style: none;

    float: left;

    font-size: 20px;

    margin-left:170px;

    color: white ;

}