设表格细钱 <%@ 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 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=" 100px"> AA</td> <td style=" 100px"> BB</td> <td style=" 100px"> CC</td> </tr> <tr> <td style=" 100px; height: 21px"> DD</td> <td style=" 100px; height: 21px"> EE</td> <td style=" 100px; height: 21px"> FF</td> </tr> <tr> <td style=" 100px; height: 21px;"> GG</td> <td style=" 100px; height: 21px;"> JJ</td> <td style=" 100px; height: 21px;"> HH</td> </tr> </table> <br /> <br /> <br /> <br /> <br /> <table id="tb1"> <tr> <td style=" 100px; height: 21px"> 1</td> <td style=" 100px; height: 21px"> 2</td> <td style=" 100px; height: 21px"> 3</td> </tr> <tr> <td style=" 100px; height: 21px"> 4</td> <td style=" 100px; height: 21px"> 5</td> <td style=" 100px; height: 21px"> 6</td> </tr> <tr> <td style=" 100px"> 7</td> <td style=" 100px"> 8</td> <td style=" 100px"> 9</td> </tr> <tr> <td style=" 100px"> 10</td> <td style=" 100px"> 11</td> <td style=" 100px"> 12</td> </tr> </table> </div> </form> </body> </html>