1个象素的表格哦
<table style="border:1pt solid black">
<tr><td>helo</td><td>world</td></tr>
<tr><td>helo</td><td>world</td></tr>
<tr><td>helo</td><td>world</td></tr>
</table>
<table style="border:1pt solid black">
<tr><td>helo</td><td>world</td></tr>
<tr><td>helo</td><td>world</td></tr>
<tr><td>helo</td><td>world</td></tr>
</table>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body><TABLE cellspacing=1 bgcolor=black>
<TBODY bgcolor=white>
<TR>
<TD>test</TD>
<TD>test</TD>
<TD>test</TD>
</TR>
<TR>
<TD>test</TD>
<TD>test</TD>
<TD>test</TD>
</TR>
<TR>
<TD>test</TD>
<TD>test</TD>
<TD>test</TD>
</TR>
</TBODY>
</TABLE></body>
</html>打印的时候要选择打印背景颜色。
td {border-style:solid;border-width:0px;border-top-width:1px;
border-left-width:1px;}
table {
border-collapse:collapse;border-color:#000000;
}
</style>
<TABLE cellSpacing=1 cellPadding=4 border width=100%>
<TR>
<TD>dsfasdffffasdsfdgfasdfasdfffff</TD>
<TD>sfdg</TD>
<TD>sfdg</TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD>asfd</TD>
<TD>asfdasdfa</TD>
<TD></TD>
</TR>
</TABLE>
<html>
<head>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0" align="center" width="588" bordercolor="#000000">
<script language="javascript">
<!--
for(var i = 0; i < 10; i++)
{
document.write("<TR align='center' valign='middle' bgcolor='#efefef'>");
for(var j = 0; j < 10; j++)
{
document.write("<TD height='25'> </TD>");
}
document.write("</TR>");
}
-->
</script>
</table>
</body>
</html>
变小的表格例子:
<html>
<head>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0" align="center" width="588" bordercolor="#000000" style="BORDER-TOP: medium none;BORDER-RIGHT: medium none">
<script language="javascript">
<!--
for(var i = 0; i < 10; i++)
{
document.write("<TR align='center' valign='middle' bgcolor='#efefef'>");
for(var j = 0; j < 10; j++)
{
document.write("<TD height='25' style='BORDER-BOTTOM: medium none; BORDER-LEFT: medium none'> </TD>");
}
document.write("</TR>");
}
-->
</script>
</table>
</body>
</html>
<tr bgcolor="#FFFFFF">
<td>打印测试</td><td>打印测试</td><td>打印测试</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>打印测试</td><td>打印测试</td><td>打印测试</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>打印测试</td><td>打印测试</td><td>打印测试</td>
</tr>
</table>
border-collapse版本:CSS2 兼容性:IE5+ 继承性:无
语法:
border-collapse : separate | collapse
取值:
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并 说明:
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 borderCollapse 。
示例:
table { border-collapse: separate; }
实例:-----------------------------
<TABLE cellpadding=0 cellspacing=0 border=1 style="border-collapse:collapse">
<TR>
<TD>测试</TD>
<TD>测</TD>
<TD>测</TD>
<TD>测</TD>
</TR><TR>
<TD>测试</TD>
<TD>测</TD>
<TD>测</TD>
<TD>测</TD>
</TR><TR>
<TD>测试</TD>
<TD>测</TD>
<TD>测</TD>
<TD>测</TD>
</TR><TR>
<TD>测试</TD>
<TD>测</TD>
<TD>测</TD>
<TD>测</TD>
</TR><TR>
<TD>测试</TD>
<TD>测</TD>
<TD>测</TD>
<TD>测</TD>
</TR><TR>
<TD>测试</TD>
<TD>测</TD>
<TD>测</TD>
<TD>测</TD>
</TR><TR>
<TD>测试</TD>
<TD>测</TD>
<TD>测</TD>
<TD>测</TD>
</TR>
</TABLE>