CSS表格邊框分類
/* 1.默認表格邊框 */ table { border-collapse: collapse; } /* 2.普通邊框 */ table { border: 1px solid #000; } /* 3.圓角邊框 */ table { border: none; border-radius: 5px; overflow: hidden; } table td, table th { border: 1px solid #000; border-collapse: separate; border-spacing: 0; padding: 5px; } /* 4.只有部分邊框 */ table { border-collapse: separate; border-spacing: 0; } table td, table th { border: 1px solid #000; } table td:first-child, table th:first-child { border-left: none; } table td:last-child, table th:last-child { border-right: none; } table tr:last-child td { border-bottom: none; } /* 5.實現單元格合并后邊框不重疊 */ table { border-collapse: collapse; } table td { border: 1px solid #000; box-sizing: border-box; } table td[colspan], table td[rowspan] { border: none; }
以上是CSS表格邊框的五種分類,可以根據需要選擇其中一種或多種來美化網頁中的表格。需要注意的是,不同的邊框分類可能會有不同的兼容性問題,開發者可以根據具體情況進行選擇。