原理 边距设置为0 间距设为1 table背景设为红色 tr背景白色,间隔留白形成实线
colspan 合并列
rowspan 合并行
caption 表格表头
thead 一般在表格第一行 加粗+居中 表格头 th
tbody表格主题 tb
tfooter 表格底部 tf
<table width="1000px" height="240px" border="0" cellspacing="1" cellspadding="0" bgcolor="hotpink">
<caption>今日小说排行榜</caption>
<thead>
<tr bgcolor='lightpink'>
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
</thead>
<thbody>
<tr bgcolor="#fff" align="center">
<td>1</td>
<td>霸道总裁爱上我</td>
<td><img src="./tableimg/up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td>
<a href="#">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
</td>
</tr>
<tr bgcolor="#fff" align="center">
<td>1</td>
<td>霸道总裁爱上我</td>
<td><img src="./tableimg/up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td>
<a href="#">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
</td>
</tr>
<tr bgcolor="#fff" align="center">
<td>1</td>
<td>霸道总裁爱上我</td>
<td><img src="./tableimg/up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td>
<a href="#">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
</td>
</tr>
<tr bgcolor="#fff" align="center">
<td>1</td>
<td>霸道总裁爱上我</td>
<td><img src="./tableimg/up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td>
<a href="#">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
</td>
</tr>
<tr bgcolor="#fff" align="center">
<td>1</td>
<td>霸道总裁爱上我</td>
<td><img src="./tableimg/up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td>
<a href="#">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
</td>
</tr>
<tr bgcolor="#fff" align="center">
<td>1</td>
<td>霸道总裁爱上我</td>
<td><img src="./tableimg/up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td>
<a href="#">贴吧</a>
<a href="#">图片</a>
<a href="#">百科</a>
</td>
</tr>
</thbody>
</table>