感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Table</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">SVN</a></li>
<li><a href="#">iOS</a></li>
<li><a href="#">VB.Net</a></li>
<li><a href="#">Java</a></li>
<li><a href="#">PHP</a></li>
</ul>
<table class="table table-hover">
<caption>悬停表格布局</caption>
<thead>
<tr>
<th>站点名称</th>
<th>省市区</th>
<th>电话</th>
</tr>
</thead>
<tbody>
<td>Tanmay</td>
<td>Bangalore</td>
<td>560001</td>
<td>Sachin</td>
<td>Mumbai</td>
<td>400003</td>
<td>Uma</td>
<td>Pune</td>
<td>411027</td>
</tbody>
</table>
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……