特征布局1

html:

    

        上一页
        1
        2
        3
        4
        ...
        17
        18
        19
        20
        下一页
    
    

        首页
        |
        网站建设
        |
        程序开发
        |
        网络营销
        |
        企业VI
        |
        案例演示
        |
        联系我们
    

css:

.box1{
    width: 958px;
    height: 40px;
    border: 1px solid gray;
    margin: 18px auto;
    text-align: center;
}
.box2{
    width: 958px;
    height: 40px;
    border: 1px solid;
    margin: 55px auto;
    text-align: center;
}
.page{
    display: inline-block;
    background-color: gold;
    padding: 5px 10px;
    font: 12px 微软雅黑;
    margin: 5px 2px;
}
.page:hover{
    background-color: yellow;
}

.nav{
    display: inline-block;
    margin: 10px 20px;
    font: 14px 微软雅黑;
    color: skyblue;
}
a{
    text-decoration: none;
}
.nav:link{
    color: red;
}
.nav:visited{
    color: purple;
}
.nav:hover{
    color: blue;
}
.nav:active{
    color: green;
}

效果图：

特征布局.png