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; 100%;border-collapse:collapse}
.table td{border:1px solid #999;}

</style>

原文地址:https://www.cnblogs.com/samyi/p/12611187.html