css表格没有外边框代码 |html 背景图片 css

使用 CSS 表格可以让表格更加美观，并且可以隐藏表格的外边框。下面是一个没有外边框的 CSS 表格示例：

HTML 代码：

<table>

<tr>

<td>一个人的姓名</td>

<td>邮箱</td>

</tr>

<tr>

<td>一个人的姓名</td>

<td>邮箱</td>

</tr>

<tr>

<td>一个人的姓名</td>

<td>邮箱</td>

</tr>

</table>

CSS 代码：

table {

border-collapse: collapse;

width: 100%;

th, td {

border: 1px solid #ccc;

padding: 8px;

background-color: #f2f2f2;

上述代码中，大家使用 `border-collapse: collapse;` 属性来合并表格内边距，并使用 `border: 1px solid #ccc;` 属性来设置表格边框的颜色为白色，宽度为0。这样，表格就没有任何边框了。

大家还使用 `padding: 8px;` 属性来设置行和列的内边距，以及 `background-color: #f2f2f2;` 属性来设置表头的背景颜色。这样，就可以使表格更加美观。

大家可以将上述代码保存为一个 .css 文件，然后在浏览器中打开，就可以看到一个没有外边框的 CSS 表格了。