设表格细钱
<%@ 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="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>
浙公网安备 33010602011771号