css怎样隐藏表格上边框 您所在的位置:网站首页 word表格隐藏边框 css怎样隐藏表格上边框

css怎样隐藏表格上边框

2022-06-10 12:20| 来源: 网络整理| 查看: 265

方法:1、用“表格元素{border-top-color:transparent}”语句设置上边框颜色透明,进而隐藏表格上边框;2、用“表格元素{border-top-style:none}”语句让表格元素没有上边框,也就是隐藏表格上边框。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css怎样隐藏表格上边框

1、在css中,想要隐藏表格的上边框,可以利用border-top-color属性,将表格上边框的颜色设置为透明即可。

border-top-color 用于设置元素的上边框的颜色。

示例如下:

Document table{ border-top-color:transparent;} 111 222 333 444 555 666 777 888

输出结果:

2、在css中,还可以利用border-top-style属性来设置元素上边框的样式。

当属性值为none时,定义元素没有上边框。

示例如下:

Document table{ border-top-style:none;}td{ border-top-style:none;} 111 222 333 444 555 666 777 888

输出结果:

(学习视频分享:css视频教程)



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有