特征布局1

html:



















    
    


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;
}

效果图:


特征布局1_第1张图片
特征布局.png

你可能感兴趣的:(特征布局1)