表格與嵌套表格 樣式控制
<!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;} html
.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> ui
<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> spa
- 1. 表格裏嵌套表格
- 2. CSS_控制表格樣式
- 3. 表格table的td中嵌套表格樣式
- 4. 美麗的表格樣式(使用CSS樣式表控制表格樣式)
- 5. 漂亮的表格樣式–>使用CSS樣式表控制表格樣式
- 6. 漂亮的表格樣式(使用CSS樣式表控制表格樣式)
- 7. 套用表格樣式
- 8. 表格樣式、表格css、
- 9. 表格嵌套拖拽
- 10. html嵌套表格示例
- 更多相關文章...
- • Markdown 表格 - Markdown 教程
- • jQuery Mobile 表格 - jQuery Mobile 教程
- • IntelliJ IDEA代碼格式化設置
- • IntelliJ IDEA安裝代碼格式化插件
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. CVPR 2020 論文大盤點-光流篇
- 2. Photoshop教程_ps中怎麼載入圖案？PS圖案如何導入？
- 3. org.pentaho.di.core.exception.KettleDatabaseException:Error occurred while trying to connect to the
- 4. SonarQube Scanner execution execution Error --- Failed to upload report - 500: An error has occurred
- 5. idea 導入源碼包
- 6. python學習 day2——基礎學習
- 7. 3D將是頁遊市場新賽道？
- 8. osg--交互
- 9. OSG-交互
- 10. Idea、spring boot 圖片(pgn顯示、jpg不顯示)解決方案
- 1. 表格裏嵌套表格
- 2. CSS_控制表格樣式
- 3. 表格table的td中嵌套表格樣式
- 4. 美麗的表格樣式(使用CSS樣式表控制表格樣式)
- 5. 漂亮的表格樣式–>使用CSS樣式表控制表格樣式
- 6. 漂亮的表格樣式(使用CSS樣式表控制表格樣式)
- 7. 套用表格樣式
- 8. 表格樣式、表格css、
- 9. 表格嵌套拖拽
- 10. html嵌套表格示例