html+css怎么实现简易导航栏功能-创新互联

小编给大家分享一下html+css怎么实现简易导航栏功能，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

二话不说直接上代码

    
    
    
     #nav{
         width:100%;
         height:39px;
        margin:0px;
        background:#808080
    }
     #nav ul li{
         margin:5px 10px;
         float:left;
         list-style:none;
     }
     #nav ul li a{
         float:left;
         padding:0px 16px;
         
         color:#ffffff;
         font-size:15px;
     }
    


    
        
            首页
            朋友
            商城
            下载客户端