网页制作中表格属性CellPad、CellSpace和Border描述及使用介绍
2016-06-21来源:易贤网

网页制作中经常会遇到表格的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________单元格内容与单元格边界之间的空白距离的大小

推荐信息