<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS对表格控制</title>
<style type="text/css">
table,th,td{
border:1px solid #888;}
table {
border-collapse: collapse;
text-align: center;
margin: 50px auto;
width: 70%
box-shadow:5px 5px 5px #888;
background-image: url(../images/9.jpg);
background-repeat:no-repeat;
background-size:cover;
}
table caption{
font-size: 1.6em;
font-weight: border;
margin-bottom: 30px;
}
th,td{
padding: 10px;
}
td img{
border-radius: 60%;
box-shadow: 2px 2px 2px #888;
}
th{
background-color: rgba(122,155,0,0.5);
}
.green {
color: darkgreen;background:
font-weight:bolder;
font-size:1.5em;
}
</style>
</head>
<body>
<table>
<caption>收入排行榜</caption>
<tr>
<th>序列</th>
<th>姓名</th>
<th>号码</th>
<th>头像</th>
<th>价格</th>
<th>上班时间</th>
<th>所属会所</th>
<th>职务</th>
</tr>
<tr>
<td>01</td>
<td>苍井空</td>
<td>88号</td>
<td><img src="../images/2.jpg" width="40" height="40"></td>
<td>88888美元小时</td>
<td>11：00~18:00</td>
<td>岛国联合会</td>
<td>会长</td>
</tr>
<tr>
<td>02</td>
<td>羽田爱</td>
<td>188号</td>
<td><img src="../images/3.jpg" width="40" height="40"></td>
<td>66660美元小时</td>
<td>14：00~23:00</td>
<td>山炮联合会</td>
<td>会长</td>
</tr>
<tr>
<td>03</td>
<td>酒井法子</td>
<td>588号</td>
<td><img src="../images/4.jpg" width="40" height="40"></td>
<td>58000美元/小时</td>
<td>10：00~20:00</td>
<td>意大利炮联合会</td>
<td>副会长</td>
</tr>
<tr>
<td>04</td>
<td>石元里美</td>
<td>66号</td>
<td><img src="../images/5.jpg" width="40" height="40"></td>
<td>50000美元/小时</td>
<td>14:00~23:0</td>
<td>啪啪内功会</td>
<td>会长</td>
</tr>
</table>
</body>
</html>
