首页 >web前端 >前端问答 >html表格线怎么去掉

html表格线怎么去掉

藏色散人
藏色散人原创
2021-05-18 14:24:069638浏览

html去掉表格线的方法:首先新建一个HTML文件;然后创建一个带边框的表格;最后设置table的属性border的值为0即可消除表格线。

html表格线怎么去掉

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑

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

cf3ab6c9d22103dfe0ba53e14ed249c.png

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

e0e17009742977b5e3ee0cee3d1aad5.png

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

eb25a7b60f31ef7fcda7dc121e5cbe1.png

推荐学习:《HTML视频教程

以上是html表格线怎么去掉的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn