【css+div】仿写dz导航业

CUIroot

于 2015-12-09 19:07:49 发布

阅读量584

点赞数

分类专栏： HTML5 文章标签： css

本文链接：https://blog.youkuaiyun.com/CUIroot/article/details/50240217

版权

HTML5 专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>

    <title>dz导航</title>
    <style type="text/css">
    *{
        padding: 0;
        margin: 0;
    }
    #dz{
        width: 960;
        height: 33;
        background: #2B7ACD;
        background-image: url(http://www.discuz.net/static/image/common/nv.png);
background-position-x: 0px;
        margin: 10px auto;/*juzhong*/


    }
    #dz a:hover{
        background:#333; 

    }
    #dz a{
        color:red;
        font-size: 15px;
        font-weight: 700px;
        text-decoration: none;
        display:inline-block;
        width: 86;
        height: 33;
        text-align: center; 
        line-height: 33px;
    }
    </style>


</head>
<body>

<div id="dz">
<a href="" class="shouye">论坛</a>
<a href="">首页</a>
<a href="">文档资料</a>
<a href="">腾讯云主机</a>
<a href="">服务</a>
<a href="">购买微社区</a>
</div>


</body>
</html>