表格与嵌套表格 样式控制

表格与嵌套表格 样式控制_第1张图片

 

 

<!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">&nbsp;</td>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td>主要负责人</td>
    <td colspan="3">&nbsp;</td>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td>注册地址</td>
    <td colspan="3">&nbsp;</td>
    <td colspan="3">&nbsp;</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">&nbsp;</td>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td class="left">经济类型</td>
    <td colspan="6" class="nopadding"><table width="100%">
      <tr>
        <td width="40%">&nbsp;</td>
        <td width="20%" class="center">注册资本</td>
        <td width="40%" class="no_right_border">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="left" >联系电话</td>
    <td colspan="6" class="nopadding"><table width="100%">
      <tr>
        <td width="40%">&nbsp;</td>
        <td width="20%" class="center">传真</td>
        <td width="40%" class="no_right_border">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="left">单位网址</td>
    <td colspan="6" class="nopadding"><table width="100%">
      <tr>
        <td width="40%">&nbsp;</td>
        <td width="20%" class="center">电子信箱</td>
        <td width="40%" class="no_right_border">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="left">工商注册号</td>
    <td colspan="6" class="nopadding"><table width="100%">
      <tr>
        <td width="40%">&nbsp;</td>
        <td width="20%" class="center">登记日期</td>
        <td width="40%" class="no_right_border">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="left">登记机关</td>
    <td colspan="6">&nbsp;</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">&nbsp;</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>

你可能感兴趣的:(表格与嵌套表格 样式控制)