单像素边框CSS表格代码,Css代码库,德仔网

代码语言

代码分类

【Css】单像素边框CSS表格

作者:april / 发布于2015/11/17/ 563


	<!-- CSS goes in the document HEAD or added to your external stylesheet -->
	<style type="text/css">
	table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	}
	table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	}
	table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	}
	</style>

	<!-- Table goes in the document BODY -->
	<table class="gridtable">
	<tr>
	<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
	</tr>
	<tr>
	<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
	</tr>
	<tr>
	<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
	</tr>
	</table>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　单像素边框　　 CSS表格　

同语言下

可能有用的

april贡献的其它代码(15)