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

关于html表格的隐藏指定边框,第1张

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

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

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

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

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

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

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

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

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

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

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

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

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

<style type="text/css">

<!--

.aaa {

border-right-width: 1px

border-bottom-width: 1px

border-left-width: 1px

border-top-style: none

border-right-style: solid

border-bottom-style: solid

border-left-style: solid

border-right-color: #666666

border-bottom-color: #666666

border-left-color: #666666

text-align: center

}

-->

</style>

<table width="100" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="aaa">表格内容</td>

</tr>

</table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6121360.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存