html表格边框怎么去掉


本文摘自PHP中文网,作者藏色散人,侵删。

去掉html表格边框的方法:首先创建一个HTML示例文件;然后在body中通过table标签创建表格内容;最后通过“border-left: none;border-right: none;”等css属性去掉指定的表格边框即可。

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

HTML中Table去掉左右两边的边框

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

.table {

    text-align: center;

  }

  .table table {

    font-size: 14px;

    border-collapse: collapse;

    width: 70%;

    table-layout: fixed;

    text-align: center;

    line-height: 25px;

    margin:0 auto;

  }

 

    .table table tr {

        border: dashed 1px #a59e9e;

        border-left: none;

        border-right: none;

    }

效果如图所示:

阅读剩余部分

相关阅读 >>

Html怎么设置select的值

Html的select对象如何进行option对象的操作

Html的编辑器使用

Html5 main标签怎么居中?main标签的居中实例介绍

Html代码如何让照片变模糊

Html页面原生video标签隐藏下载按钮功能

Html文本域标签属性有哪些?Html文本域标签属性用法介绍

如何解决Html打开乱码问题

清除Html页面缓存的方法

Html col标签怎么用

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...