CSS3 border-spacing

border-spacing

该属性用于设置表格的单元格边距

<!-- 设置单元格的边框,只能是默认属性 border-collapse:separate 才能有效 -->
<!-- 由于 border-collapse:collapse 合并了单元格的边框,所以体现不出效果 -->
<!-- border-spacing:5px; | 设置单元格的边框为 5px -->

<table border="1" style="width:200px; height:200px; text-align:center; border-collapse:separate; border-spacing:5px;">
<tr><td>年龄</td><td>性别</td></tr>
<tr><td>18</td><td>女</td></tr>
<tr><td>20</td><td>男</td></tr>
</table>

显示效果

年龄性别
18
20
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程