源码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>今日小说排行榜</title> <style> /*选择器 { 属性: 值; } 选择器 -- 选择标签的*/ th { color: skyblue; } td { font-size: 14px; /* 让所有的td 都改为 14*/ } tr { height: 30px; } tr td{ text-align: center; } </style></head><body><table border="1" cellpadding="0" cellspacing="0" width="550" align="center"> <caption><h3>小说排行榜</h3></caption> <thead> <tr> <th>排名</th> <th>关键词</th> <th>趋势</th> <th>今日搜索</th> <th>最近七日</th> <th>相关链接</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>鬼吹灯</td> <td> <img src="static/images/down.jpg"/> </td> <td>321</td> <td>112</td> <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td> </tr> <tr> <td>1</td> <td>鬼吹灯</td> <td> <img src="static/images/down.jpg"/> </td> <td>321</td> <td>112</td> <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td> </tr> <tr> <td>1</td> <td>鬼吹灯</td> <td> <img src="static/images/down.jpg"/> </td> <td>321</td> <td>112</td> <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td> </tr> <tr> <td>1</td> <td>鬼吹灯</td> <td> <img src="static/images/down.jpg"/> </td> <td>321</td> <td>112</td> <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td> </tr> <tr> <td>1</td> <td>鬼吹灯</td> <td> <img src="static/images/down.jpg"/> </td> <td>321</td> <td>112</td> <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td> </tr> <tr> <td>1</td> <td>鬼吹灯</td> <td> <img src="static/images/down.jpg"/> </td> <td>321</td> <td>112</td> <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td> </tr> <tr> <td>1</td> <td>鬼吹灯</td> <td> <img src="static/images/down.jpg"/> </td> <td>321</td> <td>112</td> <td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td> </tr> </tbody></table></body></html>
