css如何实现不显示table的边框
时间:2020-11-13 12:32
css实现不显示table的边框的方法:可以利用border属性来实现,如【border:0;】。border属性用于设置所有的边框属性,如border-width,规定边框的宽度。
border 简写属性在一个声明设置所有的边框属性。
(学习视频分享:css视频教程)
可以按顺序设置如下属性:
border-width
border-style
border-color
如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。
属性值:
- border-width 规定边框的宽度。
- border-style 规定边框的样式。
- border-color 规定边框的颜色。
- inherit 规定应该从父元素继承 border 属性的设置。
代码示例:
- <html>
- <head>
- </head>
- <body>
- <table>
- <tr>
- <th>Firstname</th>
- <th>Lastname</th>
- </tr>
- <tr>
- <td>Bill</td>
- <td>Gates</td>
- </tr>
- <tr>
- <td>Steven</td>
- <td>Jobs</td>
- </tr>
- </table>
- </body>
- </html>
css
- <style type="text/css">
- table,th,td
- {
- border:0;
- }
- </style>
结果:
相关视频:CSS教程
以上就是css如何实现不显示table的边框的详细内容,更多请关注www.gxlsystem.com其它相关文章!