设表格细钱
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TableThinLine.aspx.cs" Inherits="TSTAWebPrint.TableThinLine" %>
<!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 runat="server"> <title>无标题页</title> <style type="text/css">
#tb1{ width:100%; border-left:#000000 solid 1px;border-top:#000000 solid 1px;border-collapse:collapse;} 
#tb1 #tb1 td{width:25%;border-right:#000000 solid 1px;border-bottom:#000000 solid 1px;padding:1px 1px 1px;}
</style> <script language="Javascript" type="text/javascript">
function setTableSolid(tableId,borderColor) { var tb=document.getElementById(tableId); tb.style.borderLeft=borderColor+" solid 1px"; tb.style.borderTop=borderColor+" solid 1px"; tb.style.borderCollapse="collapse"; var trs=tb.rows.length; for(var i=0;i<trs;i++) { var tds=tb.rows[i].cells.length; for(var j=0;j<tds;j++) { var td=tb.rows[i].cells[j]; td.style.borderRight=borderColor+" solid 1px"; td.style.borderBottom=borderColor+" solid 1px"; td.style.padding="1px 1px 1px"; 
} } } </script></head><body onload="setTableSolid('tb','#17e1ff')"> <form id="form1" runat="server"> <div> <table id="tb"> <tr> <td style="width: 100px"> AA</td> <td style="width: 100px"> BB</td> <td style="width: 100px"> CC</td> </tr> <tr> <td style="width: 100px; height: 21px"> DD</td> <td style="width: 100px; height: 21px"> EE</td> <td style="width: 100px; height: 21px"> FF</td> </tr> <tr> <td style="width: 100px; height: 21px;"> GG</td> <td style="width: 100px; height: 21px;"> JJ</td> <td style="width: 100px; height: 21px;"> HH</td> </tr> </table> <br /> <br /> <br /> <br /> <br /> <table id="tb1"> <tr> <td style="width: 100px; height: 21px"> 1</td> <td style="width: 100px; height: 21px"> 2</td> <td style="width: 100px; height: 21px"> 3</td> </tr> <tr> <td style="width: 100px; height: 21px"> 4</td> <td style="width: 100px; height: 21px"> 5</td> <td style="width: 100px; height: 21px"> 6</td> </tr> <tr> <td style="width: 100px"> 7</td> <td style="width: 100px"> 8</td> <td style="width: 100px"> 9</td> </tr> <tr> <td style="width: 100px"> 10</td> <td style="width: 100px"> 11</td> <td style="width: 100px"> 12</td> </tr> </table> </div> </form></body></html>
