前段html css部分试卷,CSS美化试卷页面

经CSS美化后的试卷页面

使用CSS美化前面做的纯HTML页面，实现如上的效果.

*--

第一步:

使用text-align:center实现将标题居中,width:auto使宽度自适应,height:80px设置高度,font-size:50px设置字体的大小.

#top{

height: 80px;

width: auto;

text-align: center; //文字居中

font-size:50px;

}

将得到如下效果图:

标题的实现

第二步:

使用代码完成前面框一和框二的实现

.border { //外边框的实现

width: 1000px;

border: 2px solid #aaaaaa; //设置大边框样式

border-radius: 5px; //设置圆角

margin: auto;

}

.interval { //间隔

height: 20px;

}

.top12 {

height: 70px;

width: 1000px;

line-height:70px;

font-size: 18px;

margin: auto;