button的外边去除
border:none;
div变成圆
border-radius:50%;
合并单元格
<table id="compare" border="1" cellpadding="10" cellspacing="0">
<caption><h3>胜率排行榜</h3></caption>
<thead>
<tr>
<th>排名</th>
<th>英雄</th>
<th><a href="">胜率</a></th>
<th><a href="">登场率</a></th>
<th><a href="">禁用率</a></th>
<th>场均补刀</th>
<th>K.D.A</th>
<th>场均金币</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>瓦洛兰之盾</td>
<td colspan="2">56.57%</td>
<td>1.97%</td>
<td>3.3%</td>
<td>34</td>
<td>3.00:1</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>瓦洛兰之盾</td>
<td>56.57%</td>
<td>1.97%</td>
<td>3.3%</td>
<td>34</td>
<td>3.00:1</td>
<td>7475</td>
</tr>
<tr>
<td>瓦洛兰之盾</td>
<td>56.57%</td>
<td>1.97%</td>
<td>3.3%</td>
<td>34</td>
<td>3.00:1</td>
<td>7475</td>
</tr>
</tbody>
</table>
下拉菜单
<select name="" id="">
<option value="">请选择你的需求</option>
<option value="">健康</option>
<option value="">美女</option>
<option value="">金钱</option>
<option value="">权力</option>
</select>
div滚动条