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 表格了。
上一篇css中怎么讓高度自適應
下一篇div css表單制作