不显示表格的框线.docVIP

不显示表格的框线 篇一：表格边框线处理方法 一、表格中单元格之间分隔线的隐藏方法 这个表格去掉了单元格之间的纵向分隔线 这个表格去掉了单元格之间的横向分隔线 这个表格去掉了单元格之间的纵向分隔线和横向分隔线 其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到lt;TABLEgt;标签中都有rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。 二、表格边框的隐藏 这是一普通的表格 只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。 只显示上边框 lt;table frame=abovegt; 只显示下边框 lt;table frame=belowgt; 只显示左、右边框 lt;table frame=vsidesgt; 只显示上、下边框 lt;table frame=hsidesgt; 只显示左边框 lt;table frame=lhsgt; 只显示右边框 lt;table frame=rhsgt; 不显示任何边框 lt;table frame=voidgt; 三、表格边框 这是一普通的表格 细 线 表格加上了漂亮的细线 格背景的不同) 表 格 lt;table border=quot;1quot; width=quot;200quot; cellpadding=quot;0quot; cellspacing=quot;0quot;gt; lt;tr align=quot;centerquot;gt;lt;tdgt;普lt;/tdgt; lt;tdgt;表lt;/tdgt; lt;/trgt; lt;tr align=quot;centerquot;gt;lt;tdgt;通lt;/tdgt; lt;tdgt;格lt;/tdgt; lt;/trgt; lt;/tablegt;lt;table border=quot;0quot; width=quot;200quot; cellspacing=quot;1quot; cellpadding=quot;0quot; bgcolor=quot;#000000quot; gt; lt;tr align=quot;centerquot; bgcolor=quot;#FFFFFFquot;gt;lt;td bgcolor=quot;#FFFFFFquot;gt;细lt;/tdgt; lt;td bgcolor=quot;#FFFFFFquot;gt;表lt;/tdgt; lt;/trgt; lt;tr lt;/tdgt; lt;td bgcolor=quot;#FFFFFFquot;gt;格lt;/tdgt; lt;/trgt; lt;/tablegt; lt;table width=quot;200quot; cellspacing=quot;0quot; cellpadding=quot;0quot;gt; lt;tr align=quot;centerquot;gt;lt;td style=quot;BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groovequot;gt;细lt;/tdgt; lt;td style=quot;BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groovequot;gt;表lt;/tdgt; lt;/trgt; lt;tr align=quot;centerquot;gt;lt;td style=quot;BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groovequot;gt;线lt;/tdgt; lt;td style=quot;BORDER-bottom: