`
liulanghan110
  • 浏览: 1076571 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

HTML cellpadding与cellspacing属性

阅读更多


  •  单元格(cell) -- 表格的内容
  • 单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间
  • 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离


    上图说明了表格的几个属性,其中黑色部分就是单元格(cell),白色的区域是单元格边距(表格填充),灰色的区域是单元格间距(表格间距)。

    <table width="80%" border="1" cellspacing="50%" cellpadding="80">
            <tr>
                    <th>www.dreamdu.com</th>
                    <th>.com域名的数量</th>
                    <th>.cn域名的数量</th>
                    <th>.net域名的数量</th>
            </tr>
            <tr>
                    <td>2003年</td>
                    <td>1000</td>
                    <td>2000</td>
                    <td>3000</td>
            </tr>
            <tr>
                    <td>2004年</td>
                    <td>4000</td>
                    <td>5000</td>
                    <td>6000</td>
            </tr>
            <tr>
                    <td>2005年</td>
                    <td>7000</td>
                    <td>8000</td>
                    <td>9000</td>
            </tr>
    </table>
    
    <table width="80%" border="1" cellspacing="50%" cellpadding="80">
            <tr>
                    <th>www.dreamdu.com</th>
                    <th>.com域名的数量</th>
                    <th>.cn域名的数量</th>
                    <th>.net域名的数量</th>
            </tr>
            <tr>
                    <td>2003年</td>
                    <td>1000</td>
                    <td>2000</td>
                    <td>3000</td>
            </tr>
            <tr>
                    <td>2004年</td>
                    <td>4000</td>
                    <td>5000</td>
                    <td>6000</td>
            </tr>
            <tr>
                    <td>2005年</td>
                    <td>7000</td>
                    <td>8000</td>
                    <td>9000</td>
            </tr>
    </table>
    

    HTML cellpadding与cellspacing属性示例 -- 可以尝试编辑

  •  

    • 大小: 9 KB
    分享到:
    评论

    相关推荐

      HTML cellpadding与cellspacing属性图文详解

      总结来说,`cellpadding`和`cellspacing`是HTML表格布局中两个非常实用的属性,它们分别控制单元格内容与边框的距离以及单元格之间的间隔。了解并熟练掌握这两个属性,能够帮助我们更好地创建美观、清晰的表格,提升...

      cellspacing和cellpadding的区别

      在HTML前端开发中,`cellspacing` 和 `cellpadding` 是两个非常重要的表格属性,它们分别用于控制表格单元格(`&lt;td&gt;`)之间的间距和单元格内容与边界的距离。理解并熟练运用这两个属性,可以对表格的布局和视觉效果...

      JS动态修改表格cellPadding和cellSpacing的方法

      下面的JS代码通过修改表格对象的cellPadding和cellSpacing属性来修改表格单元格的间距 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; [removed] function padding() { document.getElementById('myTable')....

      cellpadding=0 cellspacing=0的css替代写法

      在HTML表格布局中,`cellpadding`和`cellspacing`是两个常用来控制表格单元格内边距和单元格间距的属性。`cellpadding`用于设定单元格内容与单元格边框之间的距离,而`cellspacing`用来设定单元格之间的间隔。这两个...

      IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

      本文将详细讨论一个特定的问题,即在IE6/7中使用JavaScript的setAttribute方法设置table的cellpadding和cellspacing属性时出现的bug。 首先,我们需要了解`cellpadding`和`cellspacing`属性。这两个属性是HTML中...

      HTML标签属性大全

      cellpadding和cellspacing属性用于分别设置表格单元格内容和边框之间的间距以及边框与边框之间的距离。 以上就是HTML标签属性大全的知识点的详细解释。通过这些标签和属性的使用,开发者可以创建出具有丰富交互性和...

      html中细线表格的做法

      第一种方法:使用table标签的border、cellpadding和cellspacing属性 在第一种方法中,我们使用table标签的border、cellpadding和cellspacing属性来实现细线表格。下面是相关的代码: ```html ...

      HTML标签与属性大全

      - `border`、`cellspacing` 和 `cellpadding`:设置表格边框、单元格间距和内边距。 - `width`:设置表格宽度。 - `align` 和 `valign`:设置单元格的水平和垂直对齐。 - `colspan` 和 `rowspan`:指定单元格跨...

      HTML1.02 HTML标签属性

      HTML标签属性详解 HTML标签属性是HTML语言中最基本也是最重要的一部分。HTML标签属性可以分为两大类:通用属性和自定义属性。通用属性是所有HTML标签都拥有的属性,如id、class、style、title等。自定义属性是指...

      HTML表格标记教程(10):单元格边距属性CELLPADDING

      除了`cellpadding`,HTML表格还有另一个相关属性`cellspacing`,它设置的是单元格之间的距离,而不是内容与边框的距离。这两个属性结合使用,可以灵活地控制表格的布局和视觉效果。 需要注意的是,`cellpadding`和`...

      html基础属性代码

      13. **表格**:`&lt;table&gt;`创建表格,`border`, `width`, `height`, `align`, `bgcolor`, `background`, `bordercolor`, `cellspacing`, `cellpadding`等属性控制表格外观。`&lt;tr&gt;`定义行,`&lt;th&gt;`定义表头,`&lt;td&gt;`定义...

      Html对象属性大全.pdf

      &lt;table border="1" cellspacing="0" cellpadding="10" align="center" width="50%" bgcolor="#F0F0F0" bordercolor="#000000"&gt; 行1,列1 行1,列2 行2,列1 行2,列2 ``` 以上列举了HTML中的一些常用...

      html标记与属性速查表.pdf

      - **cellspacing**和**cellpadding**:分别定义表格单元格之间的间距和单元格内部的填充量。 #### 2. 结构与列表标记 - ****:通用容器标记,用于组织和布局文档中的内容。 - ****:定义标记,用于强调词汇的定义...

      html-html标记与属性速查表

      ### HTML标记与属性详解 #### - **定义**:连结标记,用于创建超链接。 - **常用属性**: - `href`:指定链接的目标URL。 - `target`:指定链接打开的方式,例如`_blank`表示新窗口打开。 #### - **定义**:...

      html标签属性大全

      - **`cellpadding`属性**:设置单元格内容与边框之间的距离。 ```html &lt;table cellpadding="5"&gt; ``` - **`cellspacing`属性**:设置单元格之间的间距。 ```html &lt;table cellspacing="5"&gt; ``` 以上是对HTML...

      HTML常用属性

      在表格`&lt;TABLE&gt;`中,还有其他一些属性,比如`cellpadding`定义单元格内容与边框之间的距离,`cellspacing`定义单元格之间的距离,`border`定义表格边框的宽度,`width`和`height`定义表格的尺寸,`background`可以...

      HTML部分标签属性

      - `cellpadding`:设置单元格内容与边框的距离。 - `cellspacing`:设置单元格之间的距离。 - `frame`:定义表格的边框显示方式。 - `width` 和 `height`:设置表格的宽度和高度。 5. 表格行`&lt;tr&gt;`、单元格`...

    Global site tag (gtag.js) - Google Analytics