CSS的表格边框使用什么属性设置

(*-*)浩 原创: 2019-11-28 14:29:39 4502浏览

表格边框

如需在 CSS 中设置表格边框，请使用 border 属性。 ( 推荐学习：CSS入门教程 )

下面的例子为 table、th 以及 td 设置了蓝色边框：

<html>
<head>
<style type="text/css">
table,th,td
{
border:1px solid blue;
}
</style>
</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>

请注意，上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。

如果需要把表格显示为单线条边框，请使用 border-collapse 属性。

以上就是CSS的表格边框使用什么属性设置的详细内容，更多请关注php中文网其它相关文章！

CSS PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：为什么要清除浮动？怎样清除？（float）下一条：值得收藏的CSS性能优化方法