当前位置 : 主页 > 网络编程 > 正则表达式 >

html表格线怎么去掉

来源:互联网 收集:自由互联 发布时间:2021-08-19
html去掉表格线的方法:首先新建一个HTML文件;然后创建一个带边框的表格;最后设置table的属性border的值为0即可消除表格线。 本文操作环境:windows7系统、HTML5CSS3版,DELL G3电脑 borde

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表格线怎么去掉的详细内容,更多请关注自由互联其它相关文章!

网友评论