微信简单行列排布
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-transform " />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>成绩查询</title>
<style>
.top{
width:100%;
height:120px;
text-align:center;
margin-top:10px;}
.top a{
font-size:22px;
}
.top br{
margin-top:20px;
font-size:16px;}
.top b{
font-size:22px;
}
.content{
width:100%;
height:325px;
}
.content table{
width:100%;
border-radius: 10px;
margin-top:-15px;}
.content tr{
width:100%;
height:40px;}
.content th{
width:50%;
height:40px;}
.content td{
width:50%;
height:40px;
text-align:center;}
.footer{
width:100%;
height:120px;
margin:0 auto;
}
.footer img{
width:100%;
height:120px;
z-index:-1;
}
</style>
</head>
<body>
<div class="top">
<a>2015年三月份小月考</a>
<br>考试时间：2015-05-18<br /> </br>
<b>张晓敏</b>
</div>
<div class="content">
<table border="1">
<tr>
<th>科目</th>
<td>分数</td>
</tr>
<tr>
<th>语文</th>
<td>90</td>
</tr>
<tr>
<th>英语</th>
<td>100</td>
</tr>
<tr>
<th>数学</th>
<td>70</td>
</tr>
<tr>
<th>思品</th>
<td>90</td>
</tr>
<tr>
<th>科学</th>
<td>80</td>
</tr>
<tr>
<th>音乐</th>
<td>80</td>
</tr>
</table>
</div>
<div class="footer"><img src="/{$Think.Theme_Path}common/Image/huojian.png"; height="100%" width="100%"/></div>
</body>
</html>
浙公网安备 33010602011771号