table添加正确的样式

在做表格的时候，会在table标签中添加一些属性来改变表格的样式

如果在<table>中设置了border:"1px solid #999"那么表格只有外边框有宽度为1px的线条，<td>并没有线条；

如果我们使用<table  style="border:"1px solid #999" " cellspacing="0" cellpadding="0">虽然能得到我们需要的线条样子，但很少有人这么写，一般都是交给css来处理的

其实：

 cellpadding="0" 相当于css里的{ padding:0}

 cellspacing="0" 相当于css里 {border-collapse:collapse/*边框合并*/}

结论：

  如果我们像得到一个不难看的线条边框的话，可以用下面的css样式来实现

<style>

.table{text-align: center;width: 100%;border-collapse:collapse}
.table td{border:1px solid #999;}

</style>