网页制作中经常会遇到表格的CellPad、CellSpace和Border这些属性是什么意思呢?很是疑惑,于是搜集整理一些,感兴趣的朋友可以参考下
cellspacing是表格里单元格之间的距离;
cellpadding是表格里单元格内的空白部分;
俗称就是外补丁和内补丁,类似应用在div和span上的margin和padding
你可一试验一下,给单元格加上边框,在改变一下cellpadding和cellspacing的值,看有什么变化.
例如:
代码如下:
<table>
<tr>
<td style="cellspacing:10px;cellpadding:10px;border:1px solid #CCCCCC;">
</td>
<td style="cellspacing:10px;cellpadding:20px;border:1px solid #CCCCCC;">
</td>
</tr>
</table>
就是说:td的border与table的边缘之间有10个像素的补丁(cellspacing),td的border与td的内元素有20个像素的补丁(cellpadding).
更多表格属性请参考:
属性_______________描 述
width______________表格的宽度
height_____________表格的高度
align______________表格的在页面的水平摆放位置
background_________表格的背景图片
bgcolor____________表格的背景颜色
border_____________表格边框的宽度(以像素为单位)
bordercolor________表格边框颜色
bordercolorlight_____表格边框明亮部分的颜色
bordercolordark____表格边框昏暗部分的颜色
cellspacing________单元格之间的间距
cellpadding________单元格内容与单元格边界之间的空白距离的大小