一、總體思路:
1、表格無邊框,背景顏色設(shè)置一種顏色(#DCDFE6),這樣表格的邊框的顏色就是表格的背景顏色;
2、單元格間距為1px,背景顏色設(shè)置為白色(#FFFFFF)
// CSS
table { background:#DCDFE6; width: 100%; }
table td { background:#FFFFF; }
// HTML
<table border="0" cellspacing="1" cellpadding="0">
<tr>
<td colspan="3"><el-checkbox>儀表面板</el-checkbox></td>
</tr>
<tr>
<td rowspan="2"><el-checkbox>渠道管理</el-checkbox></td>
<td><el-checkbox>渠道列表</el-checkbox></td>
<td>
<el-checkbox>新增</el-checkbox>
<el-checkbox>編輯</el-checkbox>
<el-checkbox>刪除</el-checkbox>
</td>
</tr>
</table>
二、效果圖
總結(jié)
以上所述是小編給大家介紹的HTML table 表格邊框的實(shí)現(xiàn)思路,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!