当前位置:Gxlcms > 前端框架 > html表格线怎么去掉

html表格线怎么去掉

时间:2021-07-01 10:21:17 帮助过:101人阅读

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

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

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

cf3ab6c9d22103dfe0ba53e14ed249c.png

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

e0e17009742977b5e3ee0cee3d1aad5.png

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

eb25a7b60f31ef7fcda7dc121e5cbe1.png

推荐学习:《HTML视频教程》

以上就是html表格线怎么去掉的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行