CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

css如何实现不显示table的边框

来源:网络整理  作者:  发布时间:2020-12-19 00:47
css实现不显示table的边框的方法:可以利用border属性来实现,如【border:0;】。border属性用于设置所有的边框属性,如...

css实现不显示table的边框的方法:可以利用border属性来实现,如【border:0;】。border属性用于设置所有的边框属性,如border-width,规定边框的宽度。

css如何实现不显示table的边框

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>

结果:

4d08ba11039d5a0ff638646e45b0d74.png

相关热词: CSS

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5385.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

css如何实现不显示table的边框

2020-12-19 编辑:

css实现不显示table的边框的方法:可以利用border属性来实现,如【border:0;】。border属性用于设置所有的边框属性,如border-width,规定边框的宽度。

css如何实现不显示table的边框

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>

结果:

4d08ba11039d5a0ff638646e45b0d74.png

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/5385.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页