• 技术文章 >web前端 >前端问答

    html表格线怎么去掉

    藏色散人藏色散人2021-05-18 14:24:06原创406

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:html怎么改变图片大小 下一篇:用什么软件写javascript代码
    第16期线上培训班

    相关文章推荐

    • html中怎么设置超链接• html表格的标签是什么• html5与web前端有什么区别• html中怎么隐藏列表• html怎么改变图片大小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网