Css 表单

最新推荐文章于 2024-05-19 22:16:25 发布

艾伦蓝

最新推荐文章于 2024-05-19 22:16:25 发布

阅读量77

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/lan12334321234/article/details/84691597

版权

CSS 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

[size=large][color=red]table页面[/color][/size]


<table style="width:100%" id="deliverGrid"  sortstyle="1">
	<tr class="table_header">
		<td></td>
		<td>xx</td>
		<td>xxx</td>
		<td>xx</td>
		<td>xx</td>
		<td>xx</td>
	</tr>
	<tr>
		<td class="detail_label">只数</td>
		<td><span id="meterBatch"  class="detail_value cursor_pointer batch_2"  onclick="batchClick('D')"></span>只</td>
		<td><span id="hgqBatch" class="detail_value cursor_pointer batch_2"  onclick="batchClick('H')"></span>x</td>
		<td><span id="zdBatch" class="detail_value cursor_pointer batch_3"  onclick="batchClick('Z')"></span>xx</td>
		<td><span id="fyBatch" class="detail_value cursor_pointer batch_4"  onclick="batchClick('F')"></span>xx</td>
		<td><span id="bxBatch" class="detail_value cursor_pointer batch_5"  onclick="batchClick('X')"></span>xx</td>
	</tr>
	<tr>
		<td class="detail_label">个数</td>
		<td><span id="meterCount" class="detail_value signle_1"></span>个</td>
		<td><span id="hgqCount" class="detail_value signle_2"></span>个</td>
		<td><span id="zdCount" class="detail_value signle_3"></span>个</td>
		<td><span id="fyCount" class="detail_value signle_4"></span>个</td>
		<td><span id="bxCount" class="detail_value signle_5"></span>个</td>
	</tr>           
</table>

[size=large][color=red]CSS样式[/color][/size]


/**表格head样式*/
table .table_header{
	background:#EFEEEE;
	font:bold 12px '宋体';
	color:#333333;
	text-align:center;
}
/**节点明细label样式*/
 .detail_label{
	color:#000;
	background:#EDF8FE;
	width:150px;
	text-align:center;
}

.cursor_pointer{
	cursor:pointer;
	text-decoration:underline;
}
/**基本信息表格样式**/
 table{
	border:none;
	border-collapse:collapse;
	background:#FFFFFF;
	text-align:right;
}

 table td{
	border:1px solid #C3C4C5;
	height:28px;
	padding-left:5px;
}