SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Bootstrap 实例 - 边框表格</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.1.1/jquery.min.js">
	</script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js">
	</script>
	<style>
		table tr {
			border: 1px solid #CCCCCC;
			background-color: #1FD4FF;
			FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
			/*IE6-IE8*/
			background: -ms-linear-gradient(top, #fff, #C3DAF5);
			/* IE 10 */
			background: -moz-linear-gradient(top, #fff, #C3DAF5);
			/*火狐*/
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1FD4FF), to(#1FD4FF));
			/*谷歌*/
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#C3DAF5));
			/* Safari 4-5, Chrome 1-9*/
			background: -webkit-linear-gradient(right, #fff, #1FD4FF);
			/*Safari5.1 Chrome 10+*/
			background: -o-linear-gradient(top, #fff, #C3DAF5);
			/*Opera 11.10+*/
		}
	</style>
</head>

<body>

	<table class="table table-bordered">
		<caption>边框表格布局</caption>
		<thead>
			<tr>
				<th>名称</th>
				<th>城市</th>
				<th>邮编</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Tanmay</td>
				<td>Bangalore</td>
				<td>560001</td>
			</tr>
			<tr>
				<td>Sachin</td>
				<td>Mumbai</td>
				<td>400003</td>
			</tr>
			<tr>
				<td>Uma</td>
				<td>Pune</td>
				<td>411027</td>
			</tr>
		</tbody>
	</table>

</body>

</html>