html表格怎么去掉内边框(html怎么消除表格里的横竖线)

lxf2023-03-13 13:36:01

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

html表格怎么去掉内边框(html怎么消除表格里的横竖线)

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

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

html表格怎么去掉内边框(html怎么消除表格里的横竖线)

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

html表格怎么去掉内边框(html怎么消除表格里的横竖线)

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

html表格怎么去掉内边框(html怎么消除表格里的横竖线)

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

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