网站地图    收藏   

主页 > 前端 > html教程 >

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

来源:自学PHP网    时间:2014-12-15 15:58 作者: 阅读:

[导读] 网页制作中经常会遇到表格的CellPad、CellSpace和Border这些属性是什么意思呢?很是疑惑,于是搜集整理一些,感兴趣的朋友可以参考下...

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论