欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html表格线怎么去掉

程序员文章站 2022-03-21 16:17:07
...

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

html表格线怎么去掉

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

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

html表格线怎么去掉

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

html表格线怎么去掉

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

html表格线怎么去掉

推荐学习:《HTML视频教程

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

相关标签: html