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è)置。