网页制作中表格属性CellPad、CellSpace和Border描述及使用介绍

(编辑:jimmy 日期: 2025/1/9 浏览:2)

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________单元格内容与单元格边界之间的空白距离的大小

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。