其他分享
首页 > 其他分享> > 设置TABLE表格边框为单实线

设置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>

效果图

标签:实线,solid,table,e8e8e8,1px,内容,TABLE,为单,border
来源: https://blog.csdn.net/chinahcp2008/article/details/120363225