导航条2

作者: 沙子_32c6 | 来源:发表于2018-09-12 21:46 被阅读0次

    <!DOCTYPE html>
    <html lang="en">
    <head>
<meta charset="UTF-8">
<title>导航条2</title>
<style type="text/css">
    *{
        padding:0px;
        margin:0px;
    }
    .box{
        width:960px;
        height:42px;
        background-color:#55a8ea;
        margin:100px auto ;
      
    }   
    li{
      
    list-style: none;
    float:left;
    /* margin:10px 10px; */
    }

    a{
    width:100px; 
    display:block;
   
    padding:10px;

    text-align: center;
    text-decoration: none;
    font:14px 微软雅黑; 
    color:#fff;
     }   

    a:hover{
    background-color:#00619f;
}


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

选区_048.png