边框上下左右各部位隐藏显示详解

1.

隐藏下边框

 

代码：

<TABLEstyle="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse"borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-BOTTOM: medium none"height=40>隐藏下边框</TD>
</TR></TBODY></TABLE>
2.

隐藏上边框

 
代码：

 <TABLEstyle="BORDER-TOP-WIDTH: 0px; BORDER-COLLAPSE: collapse"borderColor=#111111 cellSpacing=0 cellPadding=0 width=250align=center bgColor=#dfffdf border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-TOP: medium none"height=40>隐藏上边框</TD></TR></TBODY></TABLE>

3.

隐藏左边框

代码：

 <TABLEstyle="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse"borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-LEFT: medium none"height=40>隐藏左边框</TD>
</TR></TBODY></TABLE>

4.

隐藏右边框

代码：

 <TABLEstyle="BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px"borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-RIGHT: medium none"height=40>隐藏右边框</TD>
</TR></TBODY></TABLE>

5.

隐藏左右边框

代码：

 <TABLEstyle="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse;BORDER-RIGHT-WIDTH: 0px" borderColor=#111111 bgColor=#DFFFDFcellSpacing=0 cellPadding=0 width=250 align=centerborder=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-RIGHT: medium none; BORDER-LEFT:medium none" height=40>隐藏左右边框</TD>
</TR></TBODY></TABLE>

6.

隐藏上下边框

代码：

<TABLEstyle="BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px;BORDER-COLLAPSE: collapse" borderColor=#111111 bgColor=#DFFFDFcellSpacing=0 cellPadding=0 width=250 align=centerborder=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-TOP: medium none; BORDER-BOTTOM:medium none"height=40>隐藏上下边框</TD>
</TR></TBODY></TABLE>

7.

只显示上边框

代码：

 <TABLEborderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0width=250 align=center border=1 frame=above>

<TBODY>

<TR align=middle>

<TDheight=40>只显示上边框</TD>
</TR></TBODY></TABLE>

8.

只显示下边框

代码：

<TABLE borderColor=#111111bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=centerborder=1 frame=below>

<TBODY>

<TR align=middle>

<TDheight=40>只显示下边框</TD>

</TR></TBODY></TABLE>

9.

只显示左边框

代码：

 <TABLEborderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0width=250 align=center border=1 frame=lhs>

<TBODY>

<TR align=middle>

<TDheight=40>只显示左边框</TD>
</TR></TBODY></TABLE>
10.

只显示右边框

代码：

 <TABLEborderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0width=250 align=center border=1 frame=rhs>

<TBODY>

<TR align=middle>

<TDheight=40>只显示右边框</TD>
</TR></TBODY></TABLE>

11.

不显示任何边框

代码：

<TABLE borderColor=#111111cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#DFFFDFborder=1 frame=void>

<TBODY>

<TR align=middle>

<TDheight=40>不显示任何边框</TD>

</TR></TBODY></TABLE>

12.

边框全显示

代码：

<TABLEstyle="BORDER-RIGHT-WIDTH: 0px; BORDER-COLLAPSE: collapse" border=1cellSpacing=0 borderColor=#111111 cellPadding=0 width=250bgColor=#dfffdf align=center>

<TBODY>

<TR align=middle>

<TDheight=40>边框全显示</TD></TR></TBODY></TABLE>

 
附：表格常用属性
       border：表格的边框宽度。如border=1，表示表格边框的粗细为1个像素(默认值)，为0表示没有边框。

      cellspacing：表格中各单元格的间距。属性值为数字。当表格只有一个单元格时，则表示该单元格与表格边框的距离。

      cellpadding：单元格内容与单元格边框之间的距离，属性值是数字。

      width：表格的宽度。属性值为像素和百分比两种。

      height：表格的高度。取值方法同width。

      bgcolor：表格的背景颜色。属性值为各种颜色代码。

      background：表格的背景图案。属性值为有效的图片地址。

      bordercolor：表格边框的颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。

      bordercolorlight：亮边框(表格的左边和上边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。

       bordercolordark：暗边框(表格的右边和下边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。

      align：表格的对齐方式。属性值为left(左对齐，默认)、center(居中)以及right(右对齐)。

      colspan：定义合并表格的列数。属性值是数字。

      rowspan定义合并表格的行数，属性值是数字。