小项目 --分页.css
.containter{
width: 500px;
margin: 50px auto;
}
.head{
height: 60px;
/*装手机注册和邮箱注册的大盒子背景色*/
background-color: #00FFFF;
}
.head div{
width:216px;
height: 37.5px;
text-align: center;
line-height: 35px;
margin-top: 20px;
border: 3px solid deepskyblue;
float: left;
color: #FF7F50;
font-weight: bold;
background-color: #6495ED;
}
#head2{
margin-left:55.5px;
}
.head div.on{
border-bottom-color: #E0FFFF;
background-color: #E0FFFF;
}
.body div{
height: 500px;
border: 3px solid #00FFFF;
/*将div进行隐藏*/
display: none;
background-color: #7FFFD4;
}
/*设置选中状态下的div*/
.body div.on{
/*选中状态下的div显示出来*/
display: block;
background-color: #E0FFFF;
}
#body2{
text-align: center;
}