项目开发过程中,我们会遇到很多table,那么如何给table添加自己想要的边框,。
废话不多说,直接开撸:
1, 简单布局:
<table>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
</table>
2,两种办法:
- 第一种,加入边框
<table border="1px solid xxx">
<table border="1" cellspacing="0" cellpadding="0"> // cellspacing单元格间距,cellpadding单元格边距
- 第二种(相比第一种要简单)
border-color: xxx; border-collapse: collapse;(边框合并,该属性设置表格的边框是否被合并为一个单一的边框)
注意:不要给table设置边框。只设置颜色和边框合并。
//给th,td 加入边框,
border="1px solid xxx"