在網頁開發中,表格(table)的使用非常普遍。然而,瀏覽器默認的表格邊框樣式往往過于生硬,不夠美觀。這時候,我們可以利用CSS來實現表格圓角邊框的效果。
table { border-collapse: collapse; /* 將表格邊框合并為一條線 */ border-spacing: 0; /* 表格內邊距為0 */ } table tr { border-radius: 8px; /* 設置每個表格行的圓角半徑為8px */ } table td, table th { padding: 10px; /* 設置每個單元格的內邊距為10px */ border: 1px solid #ccc; /* 設置單元格邊框為1px粗的灰色 */ }
通過上述代碼,我們可以實現一個簡單、美觀的表格圓角邊框效果。如果你想進一步優化表格的樣式,可以嘗試設置單元格的背景顏色、行高、字體大小等屬性。
上一篇div 圓角兼容ie