作业导航条02 09-12

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset='utf-8'/>
     <title>导航条2</title>
     <style type="text/css">
     *{
            margin: 0;
            padding: 0;
        }
        .aa{
            width: 958px;
            height: 38px;
            margin: 50px auto;
            list-style: none;
            border: 1px black solid;
            background-color: #55a8ea;
            overflow: hidden;

        }
        .aa li{
            float: left;
            width: 100px;

        }
        
        .aa a{
            display: block;
            
            margin: 0 auto;
            float: left;
            width: 100%;
            padding: 9px 0;
            text-align: center;
            text-decoration: none;
            color: #fff;
            font-family: 微软雅黑;
        }
        .aa a:hover{
            background-color: #006191;
        }
        
        
    

        
     </style>
          
 </head>

 <body>
    
    <ul class="aa">
        <li><a href="#">首页</a></li>
        <li><a href="#">网站建设</a></li>
        <li><a href="#">程序开发</a></li>
        <li><a href="#">网络营销</a></li>
        <li><a href="#">企业VI</a>
            <img src="../../img/new.png" style="position:absolute; margin-left: -70px; margin-top: -12px;" />
        </li>
        <li><a href="#">案例展示</a></li>
        <li><a href="#">联系我们</a></li>
    </ul>


 </body>
</html>

883.jpg