可以通過設置單元格元素td的邊框樣式來實現:
border:?width?style?color;/*分別設置邊框的粗細、樣式和顏色*/示例如下:
在HTML代碼中給出兩個表格
<table?class="tb1"><tr><td>有</td><td>誌</td><td>者</td></tr>
<tr><td>事</td><td>竟</td><td>成</td></tr>
</table>
<table?class="tb2">
<tr><td>苦</td><td>心</td><td>人</td></tr>
<tr><td>天</td><td>不</td><td>負</td></tr>
</table>
分別設置不同的樣式
table{?/*?表格整體樣式?*/margin:50px;/*?外邊距50px?*/
border-collapse:collapse;?/*?合並為單壹的邊框線?*/
}
/*?設置tb1類的表格樣式?*/
table.tb1?td{padding:10px;border:1px?solid?green;}
/*?設置tb2類的表格樣式?*/
table.tb2?td{padding:20px;border:5px?dashed?blue;}
最終效果如下