欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

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

程序员文章站 2022-03-15 13:43:55
...

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>

结果：

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

相关视频：CSS教程

以上就是css如何实现不显示table的边框的详细内容，更多请关注其它相关文章！

相关标签： css table 边框

上一篇： mysql数据库常用的查询语句(单表查询)

下一篇： css选择器first-child与first-of-type之间有什么区别？

推荐阅读