html水平导航栏设置

    
    
    



    
Let's Go
    
主页
    
商品列表
    
 购物车 

 

建立无序列表，出来的是垂直着的。我们现在需要的是水平导航栏。

在css里进行样式设置

li {
    display:inline;
}
a:link,a:visited
{
    text-decoration:none;
    Vertical-align:top;
}

 这样出来的就是水平的了。

下拉的导航栏

    
Home
    
Products
        

            
Shoes
            
Jackets
        
    

 

#nav li li a {
    padding: 2px;
}

 

products下面有shoes和jackets两个选项。