如何让html的表格边框去除

如何让html的表格边框去除我作的网页边框border=“opx”还是存在空白

1、我们首先展示最原始的代码和效果。默认情况下,表中直接用td划分的表将隐藏边框。

2、接下来,我们使用css添加样式并为表添加边框。表{边框:1px solid#804040;}修改后的效果是整个表格具有外边框,并且表格中没有边框。

3、然后我们使用css为td添加边框。表td {边框:1px solid#804040;}修改后的效果是每个td都添加了边框,显示效果是表格显示单个边框。

4、接下来,td显示左上角,表格显示右下角,实现边框表效果。表{Border-right:1px solid#804040;边框底部:1px实心#804040;}

表td {边框左:1px solid#804040;Border-top:1px solid#804040;}修改后的效果与预期的一样,但由于内部单元之间的间距,内部边界不连续。

5、最后,我们在表中添加了css代码:border-collapse:collapse;用来消除单元格间距。这是:表{Border-right:1px solid#804040;边框底部:1px实心#804040;边境崩溃:崩溃;}

表td {边框左:1px solid#804040;Border-top:1px solid#804040;}修改后,消除了单元间距,完美地实现了效果。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-06-04

1、border里不要带单位就可以,具体操作如下,首先新建一个HTML文件,写入基本的结构,创建一个带边框的表格:

2、接下来设置table的属性border的值为0,即可消除边框,然后在style标签中设置css样式,给表格一个border-collapse的属性,属性值为collapse即可合并表格的边框,显得跟紧凑,最后给表格设置颜色,字体颜色等样式美化一下:

3、最后打开浏览器预览效果,表格就是不带边框的了。以上就是html去除表格的操作了:

本回答被网友采纳
第2个回答  推荐于2017-04-22

你好。。border="0"  不要带PX

<table width="宽度" height="高度" border="0" cellspacing="0" cellpadding="0">
</table>

 希望楼主,采纳,谢~~

本回答被提问者采纳
第3个回答  2013-07-05
border=“0” //如果还有的话,也可能是你图片或者是padding有值 cellpadding="0"
第4个回答  2013-07-05
<table width="200" border="0" cellspacing="0" cellpadding="0">
</table

相似回答