发新话题
打印

[css提高] css定义TABLE的CELLSPACING与CELLPADDING属性

css定义TABLE的CELLSPACING与CELLPADDING属性

cellspacing是指表格的内框宽度:表格内部各个单元格之间的距离,默认像素为1.有时候希望宽度大,有时候希望各单元格之间没有缝隙,便可通过此属性来实现。

cellpadding是指文字与边框的距离:单元格中表格与边框之间的距离,默认文字紧贴表格边框出现。

除了应用html中这两个属性之外,css有与其对应的设置,由于浏览器之间的相互不兼容问题,建议还是使用CELLSPACING,CELLPADDING。

css与html之间的对应例:
复制内容到剪贴板
代码:
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td></td>
</tr>
</table>
复制内容到剪贴板
代码:
.table
{
    border-collapse:collapse;
    border-spacing: 0px;
    border-cellpadding:0px;
    width:100%;
    border:0px;
}
为什么还要写上border-spacing: 0px; border-cellpadding:0px;这两句呢?

原因在于html 和 css的有些地方并非完美结合,写上会少去很多麻烦。

TOP

发新话题