<div id="text">
<h2>实力巅峰榜</h2>
</div>
<div class="table-responsive">
<table class="table ">
<thead>
<tr>
<th>排名</th>
<th>歌曲</th>
<th>歌手</th>
<th>语种</th>
<th>时长</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>暧昧</td>
<td>薛之谦</td>
<td>中文</td>
<td>05:12</td>
</tr>
<tr>
<td>2</td>
<td>我喜欢上你时的内心活动</td>
<td>陈绮贞</td>
<td>中文</td>
<td>03:45</td>
</tr>
<tr>
<td>3</td>
<td>我害怕</td>
<td>薛之谦</td>
<td>中文</td>
<td>04:08</td>
</tr>
<tr>
<td>4</td>
<td>清白之年</td>
<td>朴树</td>
<td>中文</td>
<td>04:34</td>
</tr>
<tr>
<td>5</td>
<td>Attention</td>
<td>Charlie Puth</td>
<td>英文</td>
<td>03:29</td>
</tr>
<tr>
<td>6</td>
<td>不露声色</td>
<td>jam</td>
<td>中文</td>
<td>05:05</td>
</tr>
<tr>
<td>7</td>
<td>The Cure</td>
<td>Lady Gaga</td>
<td>英文</td>
<td>03:31</td>
</tr>
<tr>
<td>8</td>
<td>I'm the One</td>
<td> Justin Bieber </td>
<td>英文</td>
<td>04:48</td>
</tr>
<tr>
<td>9</td>
<td>Despacito </td>
<td>Luis Fonsi</td>
<td>英文</td>
<td>03:48</td>
</tr>
<tr>
<td>10</td>
<td>팔레트</td>
<td> G-Dragon</td>
<td>韩文</td>
<td>03:37</td>
</tr>
</tbody>
</table>
</div>
<hr/>
<button type="button" class="btn btn-link"><a href="http://jsrun.net/UtkKp/show">返回首页</a></button>
.table {
width: 80%;
max-width: 100%;
margin-bottom: 20px;
}
#text{
margin-left:15px;
margin-right:15px;
border-bottom-width:0 0 2px 0;
border-bottom-style:solid;
border-bottom-color:red;
height:30px;
font-size:20px;
}
table {
border-spacing:10;
}
th{
text-align:center;
}
td{
text-align:center;
}