表格与嵌套表格 样式控制
2016-01-28 00:00
696 查看
摘要: css控制table
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格样式全控制</title>
<style>
/*全局样式---柴玉龙编写*/
*{ margin:0; padding:0;}
/*主表格样式 */
.tab_list{ border-collapse:collapse;}
.tab_list td{ border:1px solid #000; height:30px; line-height:16px; padding:0px 8px; font-size:13px; font-weight:bold; }
.tab_list td.nowrap{white-space:nowrap;}
.tab_list td.center{ text-align:center;}
.tab_list td.left{ text-align:left;}
.tab_list td.right{ text-align:right;}
.tab_list td.topbot{ padding-top:5px; padding-bottom:5px;}
.tab_list td.nopadding{ padding:0px;}
.tab_list td.textbot{ padding:20px 0px;} /*一般用在申请意见这个td里*/
/* 内嵌套表格样式*/
.tab_list td table{ border-collapse:collapse;}
.tab_list td table td{ border-right:1px solid #000; border-top:none; border-bottom:none; border-left:none; }
.tab_list td table td.no_right_border{ border-right:none;}
.tab_list td table td.bottom_border{ border-bottom:1px solid #000; }
.tab_list td table td.no_all_border{ border:none;}
.tab_list td table td.textbot_text_style{ line-height:28px; font-size:16px; font-family:"楷体_GB2312";} /*申请意见文字样式*/
</style>
</head>
<body>
<table width="570" class="tab_list" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td width="102">变更事项</td>
<td colspan="3" class="center">变更前</td>
<td colspan="3" class="center">变更后</td>
</tr>
<tr>
<td>单位名称</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td>主要负责人</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td>注册地址</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td rowspan="3" class="nowrap">申请经营范围</td>
<td width="85" class="center topbot">烟花类<br />
[ ]</td>
<td width="76" class="center">产品分级</td>
<td width="72" class="center topbot">A[ ] B[ ]<br/>C[ ] D[ ]</td>
<td width="85" class="center topbot">烟花类<br />
[ ]</td>
<td width="74" class="center">产品分级</td>
<td width="74" class="center topbot">A[ ] B[ ]<br/>
C[ ] D[ ]</td>
</tr>
<tr>
<td width="85" class="center topbot">爆竹类<br />
[ ]</td>
<td width="76" class="center">产品分级</td>
<td width="72" class="center topbot">B[ ] C[ ]<br/></td>
<td width="85" class="center topbot">爆竹类<br />
[ ]</td>
<td width="74" class="center">产品分级</td>
<td width="74" class="center topbot">B[ ] C[ ]<br/></td>
</tr>
<tr>
<td colspan="3" class="center topbot">烟火药[ ] 黑火药[ ]<br />
引火线[ ]
</td>
<td colspan="3" class="center topbot">烟火药[ ] 黑火药[ ]<br />
引火线[ ]
</tr>
<tr>
<td class="left">仓储设施情况</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td class="left">经济类型</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">注册资本</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left" >联系电话</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">传真</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">单位网址</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">电子信箱</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">工商注册号</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">登记日期</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">登记机关</td>
<td colspan="6"> </td>
</tr>
<tr>
<td class="left">固定资产总值</td>
<td colspan="6" class="nopadding"><table width="100%" border="0">
<tr>
<td width="20%" class="right">万元</td>
<td width="20%" class="center">销售额</td>
<td width="20%" class="right">万元</td>
<td width="20%" class="center">出口额</td>
<td width="20%" class="right no_right_border">万元</td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">从业人员</td>
<td colspan="6" class="nopadding"><table width="100%" border="0">
<tr>
<td width="20%" rowspan="2" class="right">人</td>
<td width="7%" rowspan="2">其<br />
中</td>
<td width="31%" class="bottom_border center">安全管理人员</td>
<td width="12%" class="right bottom_border">人</td>
<td width="10%" rowspan="2">运输<br/>车辆</td>
<td width="20%" rowspan="2" class="no_right_border right">辆</td>
</tr>
<tr>
<td class="center nowrap" >仓库保管和守护人员</td>
<td class="right">人</td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">原许可证编号</td>
<td colspan="6"> </td>
</tr>
<tr>
<td class="left">申请意见</td>
<td colspan="6" class="nopadding textbot">
<table width="100%">
<tr>
<td colspan="2" valign="top" class="no_all_border textbot_text_style" style="height:160px;">
本单位对以上情况和所提供文件、资料的真实性负责,申请办理烟花爆竹经营(批发)许可证变更手续。<br />
</td>
</tr>
<tr>
<td width="73%" class="no_all_border">主要负责人(签字):</td>
<td width="27%" class="no_all_border">申请单位盖章<br />
<br/>年 月 日</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格样式全控制</title>
<style>
/*全局样式---柴玉龙编写*/
*{ margin:0; padding:0;}
/*主表格样式 */
.tab_list{ border-collapse:collapse;}
.tab_list td{ border:1px solid #000; height:30px; line-height:16px; padding:0px 8px; font-size:13px; font-weight:bold; }
.tab_list td.nowrap{white-space:nowrap;}
.tab_list td.center{ text-align:center;}
.tab_list td.left{ text-align:left;}
.tab_list td.right{ text-align:right;}
.tab_list td.topbot{ padding-top:5px; padding-bottom:5px;}
.tab_list td.nopadding{ padding:0px;}
.tab_list td.textbot{ padding:20px 0px;} /*一般用在申请意见这个td里*/
/* 内嵌套表格样式*/
.tab_list td table{ border-collapse:collapse;}
.tab_list td table td{ border-right:1px solid #000; border-top:none; border-bottom:none; border-left:none; }
.tab_list td table td.no_right_border{ border-right:none;}
.tab_list td table td.bottom_border{ border-bottom:1px solid #000; }
.tab_list td table td.no_all_border{ border:none;}
.tab_list td table td.textbot_text_style{ line-height:28px; font-size:16px; font-family:"楷体_GB2312";} /*申请意见文字样式*/
</style>
</head>
<body>
<table width="570" class="tab_list" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td width="102">变更事项</td>
<td colspan="3" class="center">变更前</td>
<td colspan="3" class="center">变更后</td>
</tr>
<tr>
<td>单位名称</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td>主要负责人</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td>注册地址</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td rowspan="3" class="nowrap">申请经营范围</td>
<td width="85" class="center topbot">烟花类<br />
[ ]</td>
<td width="76" class="center">产品分级</td>
<td width="72" class="center topbot">A[ ] B[ ]<br/>C[ ] D[ ]</td>
<td width="85" class="center topbot">烟花类<br />
[ ]</td>
<td width="74" class="center">产品分级</td>
<td width="74" class="center topbot">A[ ] B[ ]<br/>
C[ ] D[ ]</td>
</tr>
<tr>
<td width="85" class="center topbot">爆竹类<br />
[ ]</td>
<td width="76" class="center">产品分级</td>
<td width="72" class="center topbot">B[ ] C[ ]<br/></td>
<td width="85" class="center topbot">爆竹类<br />
[ ]</td>
<td width="74" class="center">产品分级</td>
<td width="74" class="center topbot">B[ ] C[ ]<br/></td>
</tr>
<tr>
<td colspan="3" class="center topbot">烟火药[ ] 黑火药[ ]<br />
引火线[ ]
</td>
<td colspan="3" class="center topbot">烟火药[ ] 黑火药[ ]<br />
引火线[ ]
</tr>
<tr>
<td class="left">仓储设施情况</td>
<td colspan="3"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td class="left">经济类型</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">注册资本</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left" >联系电话</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">传真</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">单位网址</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">电子信箱</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">工商注册号</td>
<td colspan="6" class="nopadding"><table width="100%">
<tr>
<td width="40%"> </td>
<td width="20%" class="center">登记日期</td>
<td width="40%" class="no_right_border"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">登记机关</td>
<td colspan="6"> </td>
</tr>
<tr>
<td class="left">固定资产总值</td>
<td colspan="6" class="nopadding"><table width="100%" border="0">
<tr>
<td width="20%" class="right">万元</td>
<td width="20%" class="center">销售额</td>
<td width="20%" class="right">万元</td>
<td width="20%" class="center">出口额</td>
<td width="20%" class="right no_right_border">万元</td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">从业人员</td>
<td colspan="6" class="nopadding"><table width="100%" border="0">
<tr>
<td width="20%" rowspan="2" class="right">人</td>
<td width="7%" rowspan="2">其<br />
中</td>
<td width="31%" class="bottom_border center">安全管理人员</td>
<td width="12%" class="right bottom_border">人</td>
<td width="10%" rowspan="2">运输<br/>车辆</td>
<td width="20%" rowspan="2" class="no_right_border right">辆</td>
</tr>
<tr>
<td class="center nowrap" >仓库保管和守护人员</td>
<td class="right">人</td>
</tr>
</table></td>
</tr>
<tr>
<td class="left">原许可证编号</td>
<td colspan="6"> </td>
</tr>
<tr>
<td class="left">申请意见</td>
<td colspan="6" class="nopadding textbot">
<table width="100%">
<tr>
<td colspan="2" valign="top" class="no_all_border textbot_text_style" style="height:160px;">
本单位对以上情况和所提供文件、资料的真实性负责,申请办理烟花爆竹经营(批发)许可证变更手续。<br />
</td>
</tr>
<tr>
<td width="73%" class="no_all_border">主要负责人(签字):</td>
<td width="27%" class="no_all_border">申请单位盖章<br />
<br/>年 月 日</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
相关文章推荐
- CSS 之 选择器
- Css四种样式
- 对gulp-minify-css改动一点点,只合并指定大小的图片
- Css简介
- CSS创建三角形(小三角)的几种方法
- CSS 布局实例系列(四)如何实现容器中每一行的子容器数量随着浏览器宽度的变化而变化?
- css学习笔记20160126定位
- css垂直居中的几种方式
- css3 tween
- CSS定位absolute和relative
- 第 10 章 css 样式设置小技巧
- CSS---堆叠顺序---position---z-index
- CSS水平居中的几种方法
- CSS 实践:实现下拉菜单的方法
- 定制滚动条样式 webkit
- 第 9 章 单位和值
- 第 8 章 CSS 代码缩写,占用更少的带宽
- 第 7 章 CSS 布局模型
- css漂亮表格样式
- css3动画总结