怎么隐藏table所有边框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么隐藏table所有边框相关的知识,希望对你有一定的参考价值。

设置了
cellpadding="0" border="0" cellspacing="0"
怎么还是有边框呢?怎么才能让所有边框都不显示

隐藏table所有边框有以下两种方式:


一、直接通过table的属性定义:

<table border="0"></table>

如下,直接给通过table的border属性,将其设置为0即可。


二、通过css样式控制:

<table class="tablebox">
    <tr><td></td></tr>
</table>
<style>
    .tableboxborder:0;
    .tablebox tdborder:0;
</style>

通过css控制其边框,这样的话一定要在td上也写上。因为css如果只写table的,那就只是整个table的大边框被去掉,内部单元格的必须单独设置td。

参考技术A 也许是当前表格的CSS的border属性被其他CSS继承了

<table border="0" cellspacing="0" cellpadding="0" style="border:0;">

style="border:0;" 这样就可以了,这里的属性优先级是最高的,没有办法被其他属性覆盖。
参考技术B 这样就可以了啊,你是不是设置CSS,还是套了别的边框本回答被提问者采纳

火狐浏览器table边框

这是360显示器显示的效果
这是火狐显示的效果
怎么让火狐也显示上面那种效果

以下是原本的代码

<table width="94" height="290" border="1" cellpadding="0" cellspacing="0" bordercolor="ff7383" bgcolor="ff7383"> <tr> <td height="70" bgcolor="ff8a97"> </td> </tr> <tr> <td height="70" bgcolor="ff7988"> </td> </tr> <tr> <td height="70" bgcolor="ff6879"> </td> </tr> <tr> <td height="70" bgcolor="ff576a"> </td> </tr></table>

参考技术A html网页可以参考W3C标准 http://www.w3school.com.cn/w3c/w3c_html.asp 参考技术B <table width="94" height="290" style="border:1px #ff7383 solid " cellpadding="0" cellspacing="0" bgcolor="ff7383">
<tr>
<td height="70" bgcolor="ff8a97"> </td>
</tr>
<tr>
<td height="70" bgcolor="ff7988"> </td>
</tr>
<tr>
<td height="70" bgcolor="ff6879"> </td>
</tr>
<tr>
<td height="70" bgcolor="ff576a"> </td>
</tr>
</table>追问

大侠有点不对的哦...我要的那个两个方框之间也有的..你的只有四周

以上是关于怎么隐藏table所有边框的主要内容,如果未能解决你的问题,请参考以下文章

完全隐藏table的边框线

删除特定数据表上的所有边框

表格细边框的CSS样式啥设置?详细一点

删除所有 DataGrid 行和单元格边框

html中表格内容超出后隐藏问题

HTML中正确设置表格table边框border的三种办法