漂亮的CSS表格样式代码,Css代码库,德仔网

代码语言

代码分类

【Css】漂亮的CSS表格样式

作者:Dezai.CN / 发布于2013/4/25/ 802

CSS表格样式


	<style>
	======================================================================================
	@charset "utf-8";
	/* CSS Document */
	
	body {
	background-color:#D5DFE9;
	font-family:Arial, 微软雅黑;
	font-size:14px;
	}
	table {
	border-spacing:1px;
	border:1px solid #A2C0DA;
	}
	td, th {
	padding:5px;
	border-collapse:collapse;
	text-align:left;
	}
	th {
	background:#B0D1FC;
	border:1px solid #9CF;
	text-align:center;
	font-weight:bold;
	}
	td {
	background:#D3E5FD;
	border:1px solid #D5E7FF;
	}
	</style>

	<table width="500" cellspacing="1">
	 <tr class="th">
	 <th >网卡</th>
	 <th >项目</th>
	 <th >值</th>
	 </tr>
	 <tr >
	 <td rowspan="2">eth0</td>
	 <td>MAC地址</td>
	 <td>AC-81-12-1A-44-3E</td>
	 </tr>
	 <tr>
	 <td>IP地址</td>
	 <td>192.168.0.102</td>
	 </tr>
	 <tr>
	 <td rowspan="2">eth1</td>
	 <td>MAC地址</td>
	 <td>AC-81-12-1A-44-3E</td>
	 </tr>
	 <tr>
	 <td>IP地址</td>
	 <td>192.168.0.102</td>
	 </tr>
	</table>
	&nbsp;
	<table width="500" cellspacing="1">
	 <tr>
	 <th width="20%">网卡</th>
	 <th width="20%">项目</th>
	 <th>值</th>
	 </tr>
	 <tr>
	 <td colspan="3"><table width="100%" border="0" cellspacing="0" class="item">
	 <tr>
	 <td width="20%" rowspan="2">eth0</td>
	 <td width="20%">MAC地址</td>
	 <td width="56%">AC-81-12-1A-44-3E</td>
	 </tr>
	 <tr>
	 <td>IP地址</td>
	 <td>192.168.0.102</td>
	 </tr>
	 </table></td>
	 </tr>
	 <tr>
	 <td colspan="3"><table width="100%" border="0" cellspacing="0" class="item">
	 <tr>
	 <td width="20%" rowspan="2">eth0</td>
	 <td width="20%">MAC地址</td>
	 <td width="56%">AC-81-12-1A-44-3E</td>
	 </tr>
	 <tr>
	 <td>IP地址</td>
	 <td>192.168.0.102</td>
	 </tr>
	 </table></td>
	 </tr>
	</table>

	======================================================================================

试试其它关键字

　CSS表格　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)