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>