欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中t的table

陳思宇1年前7瀏覽0評論

在CSS中,table是一個常用的標簽。它用來創(chuàng)建表格,通常包含表頭、表身和表尾三部分。

<table>
<thead>
<tr>
<th>表頭1</th>
<th>表頭2</th>
<th>表頭3</th>
</tr>
</thead>
<tbody>
<tr>
<td>內(nèi)容1-1</td>
<td>內(nèi)容1-2</td>
<td>內(nèi)容1-3</td>
</tr>
<tr>
<td>內(nèi)容2-1</td>
<td>內(nèi)容2-2</td>
<td>內(nèi)容2-3</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="3">表尾</th>
</tr>
</tfoot>
</table>

在這個表格中,我們使用了thead、tbody和tfoot標簽,把表頭、表身和表尾分別包裹起來。在表頭中,我們使用th標簽來標識表頭單元格;在表身中,我們使用td標簽來標識內(nèi)容單元格。

另外,我們還使用了colspan屬性來合并單元格。在表尾中,我們合并了三個單元格。

除此之外,我們還可以通過CSS來對表格進行樣式設(shè)置。比如,我們可以設(shè)置表格的寬度、字體、邊框等等。

table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
border: 1px solid #ddd;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}

在這個CSS代碼中,我們設(shè)置了表格的寬度為100%、字體大小為14px、邊框為1px的灰色虛線。我們還設(shè)置了表頭單元格的背景色為淺灰色。

這樣,我們就可以使用CSS來美化表格,讓它更加清晰和美觀。