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

css 設(shè)置table外框

陳怡靜1年前8瀏覽0評論

CSS中設(shè)置table外框有兩種方式,一種是直接在<table>標(biāo)簽上設(shè)置屬性,另一種則是通過CSS樣式表進(jìn)行設(shè)置。

首先看第一種方式,直接在<table>標(biāo)簽上設(shè)置邊框樣式屬性:

<table border="1">
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
<tr>
<td>單元格4</td>
<td>單元格5</td>
<td>單元格6</td>
</tr>
</table>

在上面的代碼中,使用border屬性設(shè)置邊框?qū)挾葹?像素。

第二種方式是在CSS樣式表中設(shè)置table的邊框樣式:

table {
border-collapse: collapse;
border: 1px solid #000;
}

上述代碼中,使用了border-collapse屬性來合并相鄰單元格的邊框,同時也給table設(shè)置了1像素的實(shí)線邊框。

以上就是設(shè)置table邊框的兩種方式,不同的應(yīng)用場景可以選擇不同的方式進(jìn)行設(shè)置。