`
caleb_520
  • 浏览: 250805 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

用css控制cellspacing、cellpadding(转载)

阅读更多
用css控制cellspacing、cellpadding

在table 中控制单元格之间的间距要用到cellspacing、cellpadding,默认情况cellspacing、cellpadding均不为0,但经常的状况为了不让table单元格之间的间距影响到美观,我们经常会把cellspacing、cellpadding设置为0,因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了代码的体积,而且也极其不符合样式与内容分离的web标准,对于我本人来说也是极其厌恶这样的形式的,因此使用css控制cellspacing/cellpadding显的意义重大了!以下是控制方法:

table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}

第一行控制cellspacing,关键是“border-collapse:collapse;”这一句;第二行控制cellpadding,很少人知道控制td吧?
分享到:
评论

相关推荐

    cellspacing和cellpadding的区别

    1. `cellspacing` 控制单元格之间的空间,而 `cellpadding` 控制单元格内容与边界的距离。 2. `cellspacing` 的值影响整个表格的结构,包括行与行、列与列之间的间距。 3. `cellpadding` 的值决定了内容与单元格边界...

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

    在HTML4.01和XHTML中,`cellspacing`和`cellpadding`属性被直接写在`&lt;table&gt;`标签内,但在HTML5标准中,这些属性已经不再被推荐使用,取而代之的是通过CSS来控制这些布局细节。 `border-collapse: collapse;`是CSS...

    精美的css控制表格样式

    `cellspacing`和`cellpadding`属性在HTML中也能设置单元格之间的空间,但在CSS中,可以使用`padding`和`margin`属性更精确地控制。 3. **背景色与文字样式**:利用`background-color`可以改变表格、行或单元格的...

    HTML cellpadding与cellspacing属性图文详解

    在HTML中,`&lt;table&gt;`元素是用于创建表格的核心组件,而`cellpadding`和`cellspacing`属性则是控制表格内部元素布局的重要属性。本文将深入解析这两个属性,并通过图文结合的方式帮助理解它们的作用。 首先,`...

    使用HTML开发商业网站-CSS控制单元格边距课件.pptx

    3. 注意`&lt;tr&gt;`标签不支持`padding`和`margin`,需使用`cellpadding`属性来控制单元格内部的间隔。 4. 对于单元格间的距离,应使用`cellspacing`属性或通过其他CSS方法实现,以保证跨浏览器的兼容性。 掌握这些技巧...

    CSS Table

    6. `cellspacing`和`cellpadding`(HTML属性):与CSS中的`border-spacing`和`padding`类似,用于设置单元格间的距离和内部填充。 二、CSS菜单制作 "轻松实现CSS菜单的制作"是这个主题的另一个重要方面。CSS菜单...

    CSS2中文手册 CSS2中文手册

    CSS2提供了控制表格布局和样式的工具,包括表格边框合并(`border-collapse`)、单元格间距(`cellspacing`)和单元格边距(`cellpadding`),以及对表头(`thead`)、表体(`tbody`)和表脚(`tfoot`)的样式控制。...

    CSS样例 各种空间自由组合

    `border-collapse`属性可以控制表格边框合并,`cellspacing`和`cellpadding`调整单元格间距。 5. 进度条:进度条通常用于表示任务的完成度,可以使用`&lt;progress&gt;`元素配合CSS定制样式。`width`属性控制进度条填充...

    CSS2完全手册(苏沈小雨)

    2. 表格:CSS2提供了对表格边框合并(border-collapse)和单元格间距(cellspacing、cellpadding)的控制。 八、媒体查询 虽然CSS2并未引入媒体查询,但CSS2.1引入了`@media`规则,为响应式设计奠定了基础,允许...

    一个很好的CSS模块

    同时,`border-collapse`属性可以控制单元格之间的边框合并,`cellspacing`和`cellpadding`属性可以设置单元格内外间距。 3. **背景色与文本样式**:通过`background-color`属性为单元格或整个表格添加背景色,`...

    css帮助文档(样式表)

    1. **表格布局**: CSS2.0提供了对表格的更细粒度控制,如`border-collapse`、`cellspacing`和`cellpadding`属性。 2. **列表布局**: 可以通过`list-style-type`、`list-style-image`和`list-style-position`来定制...

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

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

    html+CSS总结

    表格在HTML中用`&lt;table&gt;`标签定义,`colspan`和`rowspan`属性用于合并单元格,`bgcolor`、`cellpadding`和`cellspacing`分别用于设置表格背景色、单元格内边距和单元格间距。 HTML表单是收集用户数据的工具,包含...

    CSS实现表格样式及全选功能

    2. 单元格间距:`cellspacing`和`cellpadding`是HTML中的属性,但也可以用CSS替代,如`padding`和`margin`。 3. 表头样式:`th`元素代表表头,可以设置`background-color`改变背景色,`font-weight`调整字体粗细,`...

    网页表格经典css样式

    `border-collapse`属性用于决定是否合并表格单元格的边框,`cellspacing`和`cellpadding`属性则用来设置单元格之间的空隙和内部内容与边框的距离。 2. **背景色与文本样式**:`background-color`属性可以改变表格或...

    HTML属性以及相对应的CSS方法

    然而,使用CSS的选择器可以更加精细地控制链接的颜色和其他样式。例如,可以为页面的不同部分设置不同的链接样式,从而增强用户体验。 #### 4. 背景颜色(Background Color) **HTML属性:** `bgcolor="#FFFFFF"` ...

    漂亮的表格css+html

    1. **边框与间距**:使用`border`属性定义表格边框,`border-collapse`属性决定单元格间边框合并的方式,`cellspacing`和`cellpadding`属性控制单元格内边距。 2. **背景色**:通过`background-color`属性为单元格...

    通过css样式控制单元格文本超长省略.doc

    &lt;table width="550" border="0" cellpadding="5" cellspacing="1" bgcolor="#007373" style="table-layout: fixed;"&gt; ; text-overflow: ellipsis; color: #FFFFFF;"&gt;List1 ; text-overflow: ellipsis; color: #...

    CSS属性之背景与表格

    5. **cellspacing** 和 **cellpadding**: 这两个HTML属性(非CSS)分别控制单元格间的边距和内部填充,但它们可以用CSS的`border-spacing`和`padding`替代。 6. **th, td**: 选择器用于单独设置表头单元格(`&lt;th&gt;`)...

Global site tag (gtag.js) - Google Analytics