关于html表格的隐藏指定边框_随笔

可以用css直接设置还可以用javascript设置，

ccs方法如下：设置需要隐藏边框的<td class="xx"> 再设置.xx{border:0}就可以了；

同理如果要隐藏行边框就设置需要的行 <tr class="xx">就可以了；

javascript方法如下：先取到要取消边框的列元素例如var xx=document.getElementById('xx')

然后设置xx.style.border=0就可以了，建议使用css直接设置就可以了。

border="0"可以去除边框以下是关于border的一些相关资料:定义和用法border

属性在一个声明中设置所有边框属性。语法：Object.style.border=borderWidth

borderStyle

borderColorborderWidth

设置边框的宽度。

thinmediumthicklengthborderStyle

设置边框的样式。

nonehiddendotteddashedsoliddoublegrooveridgeinsetoutsetborderColor

设置边框的颜色。

color-namecolor-rgbcolor-hextransparent实例本例改变元素的边框：<html><head><style

type="text/css">p{

border:

thin

dotted

#FF0000}</style><script

type="text/javascript">function

changeBorder(){document.getElementById("p1").style.border="thick

solid

#0000FF"}</script></head><body><input

type="button"

onclick="changeBorder()"value="Change

border"

/><p

id="p1">This

paragraph</p></body></html>

表格边框的显示与隐藏，是可以用frame参数来控制的。请注意只能控制表格的边框图，而不影晌单元格。

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示左、右边框 <table frame=vsides>

只显示上、下边框 <table frame=hsides>

只显示左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

欢迎分享，转载请注明来源：内存溢出

关于html表格的隐藏指定边框