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

    html5怎么让表格线看不见

    长期闲置长期闲置2022-03-25 14:05:51原创462

    方法:1、利用“border-style”和style属性,语法为“<table style="border-style:none;">”;2、可直接不给table标签设置border属性,语法为“<table>表格内容</table>”。

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

    html5怎么让表格线看不见

    方法一:

    利用border-style属性,border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值。

    示例如下:

    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>123</title> 
    </head>
    <body>
    <table style="border-style:none;">
      <tr>
        <td >Cell A</td>
        <td>Cell B</td>
      </tr>
      <tr>
        <td>Cell c</td>
        <td>Cell d</td>
      </tr>
    </table>
    </body>
    </html>

    输出结果:

    01.png

    方法二:

    不给table元素设置border属性

    示例如下:

    <html>
    <body>
    <table>
      <tr>
        <th>Month</th>
        <th>Savings</th>
      </tr>
      <tr>
        <td>January</td>
        <td>$100</td>
      </tr>
    </table>
    </body>
    </html>

    输出结果:

    02.png

    推荐教程:《html视频教程

    以上就是html5怎么让表格线看不见的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html
    上一篇:h5和html5的区别是什么 下一篇:html5标签的使用规则是什么
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• html5行内标签有哪些• HTML英文单词汇总(PHP新手收藏)• html5中class与id有什么区别• html5中output的用法是什么• html5换行符标记是什么
    1/1

    PHP中文网