CSS是網(wǎng)頁設(shè)計(jì)中重要的一環(huán),經(jīng)常要給網(wǎng)頁中的元素添加樣式。其中,表格是網(wǎng)頁布局中常用的元素之一。在表格中,
<tr>元素是行元素,其樣式也很重要。下面介紹的是如何給
<tr>元素添加上邊框。
首先,需要給表格定義一個類名,例如:
.myTable
<table class="myTable"> <tr> <td>第一列,第一行</td> <td>第二列,第一行</td> </tr> <tr> <td>第一列,第二行</td> <td>第二列,第二行</td> </tr> </table>
接著,在CSS中為這個類添加樣式:
.myTable tr:first-child { border-top: 1px solid #000000; }
這段代碼就是為表格的第一行(即
<tr>元素)添加上邊框。其中,
:first-child是一個偽類選擇器,表示選擇器匹配當(dāng)前元素是其父元素的第一個子元素。
border-top是添加上邊框樣式的屬性,使用了實(shí)線的黑色邊框。
通過上面的代碼,
<tr>元素就會有一個上邊框了。如果需要為其他行添加上邊框,只需要在CSS中添加類似的樣式,根據(jù)不同的需求選擇不同的選擇器。