10月8日测试#
Bruce_Zhu于2016.10.10
- 测试需要做一个如下图的页面
作业1.png
- 代码如下
<pre>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="Bruce Zhu">
<title>New Test</title>
<style type="text/css">
body {
font-family:Arial,Verdana;
font-size:12px;
color:#666;
}
div {
width:990px;
height:393px;
background:url(tab.png) 0px -41px repeat-x;
padding-top:30px;
}
table {
width:990px;
}
.c0 {
height:18px;
border-bottom:1px solid #dedfde;
font-weight:bold;
color:#666;
}
td {
border-bottom:1px dotted #dedede;
padding:6px 0px;
vertical-align:center;
color:#9c9a9c;
}
a {
text-decoration:none;
}
.i1 {
padding:2px 10px;
margin:1px 7px 1px 1px;
background:url(iconlist_1.png) no-repeat -110px -220px;
}
.i2 {
padding:2px 10px;
margin:1px 7px 1px 1px;
background:url(iconlist_1.png) no-repeat -152px -220px;
}
#t11,#t21,#t31,#t41,#t51 {
width:60%;
}
#t12,#t22,#t32,#t42,#t52 {
width:12%;
text-align:center;
}
#t13,#t23,#t33,#t43,#t53 {
width:12%;
text-align:center;
}
#t14,#t24,#t34,#t44,#t54 {
width:16%;
text-align:center;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<td id="t11" class="c0">主题</td>
<td id="t12" class="c0">回复/浏览</td>
<td id="t13" class="c0">作者</td>
<td id="t14" class="c0">时间</td>
</tr>
<tr>
<td id="t21"><i class="i1"></i><a href="">好大一瓶，不错</a></td>
<td id="t22">0/0</td>
<td id="t23"><a href="">2001年冬天</a></td>
<td id="t24">2014-11-19 13:54:40</td>
</tr>
<tr>
<td id="t31"><i class="i2"></i><a href="">洗衣液超级划算，活动给力</a></td>
<td id="t32">0/0</td>
<td id="t33"><a href="">xpx2001</a></td>
<td id="t34">2014-11-18 10:21:29</td>
</tr>
<tr>
<td id="t41"><i class="i2"></i><a href="">洗衣液超级划算，活动给力</a></td>
<td id="t42">0/0</td>
<td id="t43"><a href="">xpx2001</a></td>
<td id="t44">2014-11-18 15:27:58</td>
</tr>
<tr>
<td id="t51"><i class="i1"></i><a href="">好大一瓶，不错</a></td>
<td id="t52">0/0</td>
<td id="t53"><a href="">2001年冬天</a></td>
<td id="t54">2014-11-19 10:22:27</td>
</tr>
</div>
</table>
</body>
</html>
</pre>
网友评论