注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

古城风~~~

竹密无妨溪水过,天高不碍白云飞。这天下总有一份是属于我古城的天地!

 
 
 

日志

 
 

不完整边框的表格样式及代码  

2009-12-04 10:06:53|  分类: css |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、式样:

隐藏下边框

1、代码:

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

<TBODY>

<TR align=middle>

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

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

2、式样:

隐藏上边框

2、代码:

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

<TBODY>

<TR align=middle>

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

3、式样:

隐藏左边框

3、代码:

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

<TBODY>

<TR align=middle>

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

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

4、式样:

隐藏右边框

4、代码:

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

<TBODY>

<TR align=middle>

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

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

5、式样:

隐藏左右边框

5、代码:

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

<TBODY>

<TR align=middle>

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

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

6、式样:

隐藏上下边框

6、代码:

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

<TBODY>

<TR align=middle>

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

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

7、式样:

只显示上边框

7、代码:

<TABLE borderColor=#111111 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=above>

<TBODY>

<TR align=middle>

<TD height=40>只显示上边框</TD>

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

8、式样:

只显示下边框

8、代码:

<TABLE borderColor=#111111 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=below>

<TBODY>

<TR align=middle>

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

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

9、式样:

只显示左边框

9、代码:

<TABLE borderColor=#111111 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=lhs>

<TBODY>

<TR align=middle>

<TD height=40>只显示左边框</TD>

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

10、式样:

只显示右边框

10、代码:

<TABLE borderColor=#111111 bgColor=#FFD2D2 cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=rhs>

<TBODY>

<TR align=middle>

<TD height=40>只显示右边框</TD>

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

11、式样:

不显示任何边框

11、代码:

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

<TBODY>

<TR align=middle>

<TD height=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定义合并表格的行数,属性值是数字。

 

来源于网络。。

  评论这张
 
阅读(358)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017