实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>新闻网站购物车添加</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
div {
margin: 30px 0px 10px 300px;
width: 500px;
height: 300px;
}
table {
background: url(images/background.jpeg);
}
img {
width: 90px;
}
td {
border: solid 1px;
text-align: center;
height: 60px;
}
th {
border: solid 1px;
height: 40px;
}
a {
text-decoration: none;
color: black;
}
.tr1>td {
height: 40px;
}
</style>
</head>
<body>
<div>
<table cellspacing="1px" width="800" height="200">
<colgroup span="1" style="background: darkorange"></colgroup>
<colgroup span="2" style="background:"></colgroup>
<colgroup span="1" style="background: darksalmon"></colgroup>
<colgroup span="3" style="background: "></colgroup>
<colgroup span="1" style="background: lightgreen"></colgroup>
<thead>
<caption style="border: solid 1px;height: 40px;line-height: 40px;font-size:1.5em;font-weight:bold;">软文网站售卖类目</caption>
</thead>
<tbody>
<tr style="background: deeppink;">
<th>分类</th>
<th>网站logo</th>
<th>媒体名称</th>
<th>收录效果</th>
<th>案例</th>
<th>价格</th>
<th>添加购物车</th>
<th>打包</th>
</tr>
<tr>
<td>科技</td>
<td><img src="images/1.png"></td>
<td>中国日报</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>50元</td>
<td>[添加]</td>
<td rowspan="2">
<a href="">打包2个</a>
</td>
</tr>
<tr>
<td>家居</td>
<td><img src="images/2.png"></td>
<td>TOM-新闻</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>70元</td>
<td>[添加]</td>
</tr>
<tr>
<td>微商</td>
<td><img src="images/3.png"></td>
<td>腾讯网</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>10元</td>
<td>[添加]</td>
<td rowspan="4">
<a href="">打包4个</a>
</td>
</tr>
<tr>
<td>汽车</td>
<td><img src="images/4.png"></td>
<td>网易网</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>50元</td>
<td>[添加]</td>
</tr>
<tr>
<td>资讯</td>
<td><img src="images/5.png"></td>
<td>新浪网-新闻</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>240元</td>
<td>[添加]</td>
</tr>
<tr>
<td>娱乐</td>
<td><img src="images/6.png"></td>
<td>搜狐网</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>300元</td>
<td>[添加]</td>
</tr>
<tr>
<td>医疗</td>
<td><img src="images/7.png"></td>
<td>凤凰网</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>70元</td>
<td>[添加]</td>
<td rowspan="2">
<a href="">合并打包2个</a>
</td>
</tr>
<tr>
<td>农业</td>
<td><img src="images/8.png"></td>
<td>21CN</td>
<td>不包收录</td>
<td>
<a href="ruanwenyun.cn/price.php">[案例]</a>
</td>
<td>80元</td>
<td>[添加]</td>
</tr>
</tbody>
<tfoot>
<tr class="tr1" style="background: #ffffff;">
<td colspan="8">
<a href="">[首页]</a>
<a href="">[上一页]</a>
<a href="">[1]</a>
<a href="">[2]</a>
<a href="">[3]</a>
<a href="">[4]</a>
<a href="">[5]</a>
<a href="">[下一页]</a>
<a href="">[尾页]</a>
<a href="">[ ]跳转到</a>
</td>
</tfoot>
</tr>
</table>
</div>
</body>
</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例-
手抄部分：
