css怎么设置不显示table的边框?

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

css可以通过border属性设置table的边框,可以通过设置border属性为none或为0来实现不显示table的边框。

示例:

<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>

运行结果:

1 (2).jpg-600

css设置不显示table边框:

<style type="text/css">
table,th,td
{
border:0;
}
</style>


<style type="text/css">
table,th,td
{
border:none;
}
</style>

结果:

2.jpg-600

CSS Table 属性

  • border-collapse 设置是否把表格边框合并为单一的边框。

  • border-spacing 设置分隔单元格边框的距离。

  • caption-side 设置表格标题的位置。

  • empty-cells 设置是否显示表格中的空单元格。

  • table-layout 设置显示单元、行和列的算法。

以上就是css怎么设置不显示table的边框?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑