代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
th {
background-color: #ecebe7;
}
td {
border-bottom: solid 1px #ccc;
}
.num {
background-color: skyblue;
color:#fff;
padding:5px;
border-radius:5px;
margin:10px;
}
td[class="right"]{
text-align:right;
}
#first {
background-color: red;
}
#second {
background-color:#f4bd16;
}
.third{
background-color:#e7ca74;
}
*[id] + a{
color: blue;
}
.red {
color:red;
font-weight:bold;
}
.green{
color:green;
font-weight:bold;
}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="15" border="0" width="600">
<caption><h2>搜索热点</h2></caption>
<tr>
<th>排名</th>
<th> 搜索指数</th>
</tr>
<tr>
<td><span class="num" id="first">1</span> <a href="">刘亦菲微博发文</a></td>
<td>442087 <span>↑</span></td>
</tr>
<tr>
<td><span class="num" id="second">2</span> <a href="">张家辉回应渣渣辉</a></td>
<td>412087 <span>↑</span></td>
</tr>
<tr>
<td><span class="num" id="third">3</span> <a href="">扎克伯格首次发声</a></td>
<td>378974 <span>↓</span></td>
</tr>
<tr>
<td><span >4</span> <a href="">北京人才引进</a></td>
<td> 376724 <span>↑</span></td>
</tr>
<tr>
<td><span >5</span> <a href="">胡歌晒心形发际线</a></td>
<td class="right">347120 <span>↑</span></td>
</tr>
<tr>
<td><span >6</span> <a href="">流浪河马成网红</a></td>
<td>333893 <span>↓</span></td>
</tr>
</table>
</body>
</html>手抄代码
