CSS中的表格是網(wǎng)頁中經(jīng)常使用的元素,我們通常會對一個表格中的某一行或某一列進行選取,改變其樣式。這個時候我們可以使用CSS中一些屬性來達成表格可選中的效果。
table { border-collapse: collapse; } td { border: 1px solid #ccc; padding: 8px; } tr:hover { background-color: #f5f5f5; } td:hover { background-color: #e6e6e6; }
在上述代碼中,我們設(shè)置了表格的樣式以及單元格的樣式。然后使用:hover偽類選擇器,當鼠標滑過表格中的行或列時,改變它們的背景顏色,使它們看起來像是被選中了。
在實際應(yīng)用中,我們要根據(jù)具體情況來選擇使用何種方式達成表格可選中的效果。例如,我們可以為某一行或某一列設(shè)置特定的類名,然后使用CSS選擇器選取并修改這些元素的樣式。
table { border-collapse: collapse; } td { border: 1px solid #ccc; padding: 8px; } .selected { background-color: #f5f5f5; }
在上述代碼中,我們?yōu)橐x中的元素設(shè)置了一個.selected類名,并在CSS中為這個類設(shè)置了背景顏色,這樣就可以實現(xiàn)表格選中效果了。