Cellpadding和Cellspacing以及Border在表格中的属性介绍

原创 王望奎  2016-01-05 19:55:49  阅读 10682 次 评论 0 条

  cellspacing是表格里单元格之间的距离;

  cellpadding是表格里单元格内的空白部分;

  俗称就是外补丁和内补丁,类似应用在div和span上的margin和padding

  你可一试验一下,给单元格加上边框,在改变一下cellpadding和cellspacing的值,看有什么变化.

  也就是说:td的border与table的边缘之间有10个像素的补丁(cellspacing),td的border与td的内元素有20个像素的补丁(cellpadding)。

<table width="80%" border="1" cellspacing="50%" cellpadding="80">
    <tr>
        <th>www.wangwangkui.cn</th>
        <th>王望奎博客</th>
        <th>百度搜索推广</th>
        <th>百度网们推广</th>
    </tr>
    <tr>
        <td>www.wangwangkui.cn</td>
        <td>王望奎博客</td>
        <td>百度搜索推广</td>
        <td>百度网们推广</td>
    </tr>
    <tr>
        <td>www.wangwangkui.cn</td>
        <td>王望奎博客</td>
        <td>百度搜索推广</td>
        <td>百度网们推广</td>
    </tr>
    <tr>
        <td>www.wangwangkui.cn</td>
        <td>王望奎博客</td>
        <td>百度搜索推广</td>
        <td>百度网们推广</td>
    </tr>
</table>


  注:大家可以修改代码内的cellspacing="50%" cellpadding="80"的数字来来做测试并查看相应的变化,就很清除的看明白它们之间的关系以及它们都是起到什么作用。


  更多表格属性请参考:

  属性:描 述

  width:表格的宽度

  height:表格的高度

  align:表格的在页面的水平摆放位置

  background:表格的背景图片

  bgcolor:表格的背景颜色

  border:表格边框的宽度(以像素为单位)

  bordercolor:表格边框颜色

  bordercolorlight:表格边框明亮部分的颜色

  bordercolordark:表格边框昏暗部分的颜色

  cellspacing:单元格之间的间距

  cellpadding:单元格内容与单元格边界之间的空白距离的大小

本文地址:http://www.wangwangkui.cn/post/189.html
版权声明:本文为原创文章,版权归 王望奎 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?