CSS中的
table{ border-collapse: collapse; } tr{ background-color: #f2f2f2; border: 1px solid #ddd; font-size: 14px; } tr:hover{ background-color: #ddd; }
上面的代碼展示了一個基本的表格樣式。border-collapse屬性用于控制表格邊框的合并方式,使表格看起來更加整潔。tr元素的background-color屬性用于設(shè)置行的背景顏色,border屬性用于設(shè)置邊框樣式和大小,font-size屬性用于設(shè)置字體大小。而tr:hover則用于設(shè)置當(dāng)鼠標(biāo)懸停在行上時的樣式。
除了以上基本樣式外,我們還可以根據(jù)具體需求添加更多的CSS樣式,例如設(shè)置單數(shù)行和雙數(shù)行的不同樣式、為第一行或最后一行添加特殊樣式等等。利用CSS技術(shù),我們可以輕松地實現(xiàn)表格的樣式設(shè)計,提高頁面的可讀性和用戶體驗。