设置TABLE表格边框为单实线

.hcp-table {
	width: 100%;
	margin-top: 30px;
	border-spacing: 0;
	text-align: center;
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
}
.hcp-table th {
	padding: 10px;
	background: #63a2e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.hcp-table td {
	padding: 10px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
<table class="hcp-table">
	<tr>
		<th>标题</th>
		<th>标题</th>
		<th>标题</th>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>内容</td>
		<td>内容</td>
		<td>内容</td>
	</tr>
</table>

设置TABLE表格边框为单实线

上一篇:登录前端模板


下一篇:纯css3用图片写出的游戏动画