首页 > 文章 > web前端 > css如何实现不显示table的边框

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

王林原创: 2020-11-13 11:25:244911浏览

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的边框

相关文章