復雜的表格設計
<html><head><meta http-equiv="Content-Type" content="text/html; charset=big5" /><title>ccl</title>
<style media="print" type="text/css"> 
.Noprint{display:none;} 
.Noprint.PageNext{page-break-after: always;} </style><style type="text/css">
<!--body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
}td{ font-size: 12px;}.rtd{ BORDER-TOP-STYLE: none; BORDER-BOTTOM-STYLE: none; border-left-style: none;}.ltd{ BORDER-TOP-STYLE: none; BORDER-BOTTOM-STYLE: none; border-right-style: none;}.ttd{ BORDER-BOTTOM-STYLE: none; border-right-style: none; border-left-style: none;}.btd{ BORDER-TOP-STYLE: none; border-right-style: none; border-left-style: none;}.nolefttd{ border-left-style: none;}.norightd{ border-right-style: none;}.nobottomtd{ border-bottom-style: none;}.listab{ BORDER-COLLAPSE: collapse; /*BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-BOTTOM: medium none;*/}/*表格樣式開始*/.listab01{ border-collapse:collapse; border-bottom:medium none; border-left:medium none; border-top:medium none;}.listaball{ border-collapse:collapse; border-bottom:medium none; border-left:medium none; border-top:medium none; border-right:medium none;}.toprighttd{ border-left: medium none; border-bottom: medium none; }.nobottomtd{ border-bottom: medium none; }.nolefttbottomd{ border-left: medium none; border-bottom: medium none; }.norighttbottomd{ border-right: medium none; border-bottom: medium none; }.rightd{ border-left: medium none; border-bottom: medium none; border-top: medium none; }/*表格樣式結束*/.notd{ border-right-style: none;/*右邊不顯示*/ border-left-style: none;/*左右不顯示*/ border-top-style: none;/*頂部不顯示*/ border-bottom-style: none;/*底部不顯示*/}
--></style></head><body><p> </p><table width="700" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" align="center">A</td> <td width="31%" height="25"> </td> <td width="35%"> </td> <td width="30%"> </td> </tr> <tr> <td rowspan="2" class="toprighttd"> </td> <td height="25"> </td> <td> </td> <td> </td> </tr> <tr> <td height="25" class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" class="rightd"> </td> <td width="24%" height="25" class="nobottomtd"> </td> <td width="27%" height="25" class="nobottomtd"> </td> <td width="21%" height="25" class="nobottomtd"> </td> <td width="24%" height="25" class="nobottomtd"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" rowspan="6" class="rightd"> </td> <td width="16%" height="25" class="nobottomtd"> </td> <td width="16%" class="nobottomtd"> </td> <td width="16%" class="nobottomtd"> </td> <td width="16%" class="nobottomtd"> </td> <td width="15%" class="nobottomtd"> </td> <td width="17%" class="nobottomtd"> </td> </tr> <tr> <td height="25" class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> <tr> <td height="25" class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> <tr> <td height="25" class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> <tr> <td height="25" class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> <tr> <td height="25" class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" height="25" class="rightd"> </td> <td width="23%" class="nobottomtd"> </td> <td width="28%" class="nobottomtd"> </td> <td width="24%" class="nobottomtd"> </td> <td width="21%" class="nobottomtd"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" height="25" align="center">B</td> <td width="31%" rowspan="2" class="nobottomtd"> </td> <td width="34%" rowspan="2" class="nobottomtd"> </td> <td width="31%" rowspan="2" class="nobottomtd"> </td> </tr> <tr> <td height="35" class="toprighttd"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" rowspan="2" class="rightd"> </td> <td height="25" colspan="3"> </td> </tr> <tr> <td width="33%" height="50"> </td> <td width="36%"> </td> <td width="27%"> </td> </tr> <tr> <td class="rightd"> </td> <td height="25"> </td> <td> </td> <td> </td> </tr> <tr> <td class="rightd"> </td> <td height="55" colspan="3" class="nobottomtd"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" rowspan="2" class="rightd"> </td> <td width="46%" height="30"> </td> <td width="50%"> </td> </tr> <tr> <td height="30" class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listab01"> <tr> <td width="4%" rowspan="2" class="rightd"> </td> <td width="46%" height="30"> </td> <td width="50%"> </td> </tr> <tr> <td height="30" class="nobottomtd"> </td> <td class="nobottomtd"> </td> </tr> <tr> <td class="rightd"> </td> <td height="30" colspan="2" class="nobottomtd"><table width="100%" border="2" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="25"> </td> </tr> <tr> <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" class="listaball"> <tr> <td height="25" class="nolefttd"> </td> <td> </td> <td> </td> <td> </td> <td class="norightd"> </td> </tr> <tr> <td height="25" class="nolefttd"> </td> <td> </td> <td> </td> <td> </td> <td class="norightd"> </td> </tr> <tr> <td height="25" class="nolefttd"> </td> <td> </td> <td> </td> <td> </td> <td class="norightd"> </td> </tr> <tr> <td height="25" class="toprighttd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="nobottomtd"> </td> <td class="norighttbottomd"> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr></table><p> </p></body></html>
浙公网安备 33010602011771号