`
bluedusk
  • 浏览: 270266 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

table的cellpadding和cellpadding

阅读更多

table的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<table cellspacing="0" cellpadding="0"></table>


  很多朋友会说表现在结构中,这样不符合标准,那如何将这个表现拿出来,有些朋友或许很迷惑。我们可以用table的border-collapse: collapse;属性 来代替cellspacing="0",用th,td的padding: 0; 属性来代替cellpadding="0"。

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
table {
border-collapse:collapse;
border-spacing:0;
}
th,td {
padding: 0;
}


  还可以用expression来实现cellpadding="0"的样式:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
table {
border-collapse:collapse;
border-spacing:0;
padd:expression(this.cellPadding=0);
}


  下面我们看《HTML与CSS入门经典(第7版)》一书中对这两个属性的描述:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
  对表格的设置不仅可以使用style属性。例如,可用cellpadding和 cellspacing属性来控制表格边框的间距。cellspacing属性设置表格边框之间和表格单元格之间的间距(以像素为单 位);cellpadding属性设置单元格中的信息四周的间距(也是以像素为单位)。如果将cellpadding属性设置为0,将使表格中的所有信息 尽量接近表格边框,甚至接触到边框。cellpadding和cellspacing属性让你能够全面控制表格的外观。

  注意:虽然在XHTML中仍允许使用cellpadding和cellspacing属性,但CSS中存在与这两个属性等价的样式属性padding 和border-spacing。然而,当前的网页浏览器对这些样式属性的支持不一致,因此建议现在仍使用属性cellpadding和 cellspacing来调整表格的间距。


  在《精通CSS》一书中,作者提倡的方法是:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
table {
border-collapse: collapse;
}
<table cellpadding="0"></table>
分享到:
评论

相关推荐

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

    复制代码代码如下: table { border-collapse:...注意cellSpacing和cellPadding中间的 S 和 P 都要是大写的。 方式2,setAttribute 复制代码代码如下: table.setAttribute(‘cellspacing’,’10’); table.setAttribu

    Table Table Table

    例如,使用`border-collapse`可以控制表格边框合并,`text-align`调整文本对齐,而`cellspacing`和`cellpadding`则用于设定单元格之间的间距。 3. **数据库中的表格**: 在关系型数据库中,如MySQL、SQL Server或...

    table参数 table参数

    这些 `table` 参数提供了丰富的定制选项,使开发者能够根据需求调整表格的样式和外观,从而增强网页的设计感和用户体验。在实际应用中,可以根据具体的设计风格和功能性要求灵活使用这些参数,创建出各种各样的表格...

    table网页布局网站

    - `cellpadding`和`cellspacing`:分别设置单元格内部边距和单元格之间的距离。 - `width`和`height`:设定表格的宽度和高度。 - `align`和`valign`:控制单元格内容的水平对齐和垂直对齐。 4. **复杂Table结构*...

    【ASP.NET编程知识】ASP.NET Table 表格控件的使用方法.docx

    * CellPadding:获取或设置单元格内容和单元格边框之间的空间量(单位:像素)。 * CellSpacing:获取或设置相邻单元格之间的空间量。 * Rows:获取 Table 控件中行的集合。 二、TableRow 对象的属性 TableRow ...

    普通table表格样式及代码大全(全)

    在网页设计和开发中,表格(Table)是一种常见的布局工具,用于展示结构化的数据。本篇文章将详细解析“普通table表格样式及代码大全(全)”中的各种表格样式,包括单实线边框、虚线边框、点线边框、双实线边框、槽线...

    HTML用table写的一个网页,纯table源码

    HTML表格还有许多可选属性,比如`border`定义边框宽度,`cellpadding`和`cellspacing`设置单元格内部和单元格之间的距离,`width`设置表格宽度,`align`和`valign`分别控制表格和单元格的水平对齐和垂直对齐。...

    HTML cellpadding与cellspacing属性图文详解

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

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

    主要介绍了JS动态修改表格cellPadding和cellSpacing的方法,涉及javascript操作cellPadding和cellSpacing属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    table边框线属性

    在网页设计中,表格(Table)是用于组织和展示数据的重要元素。对于表格的样式,边框线属性扮演着至关重要的角色,它们可以帮助我们精确地控制表格内外边框的显示效果,尤其在处理嵌套表格时更为关键。下面将详细...

    ASP.NET Table 表格控件的使用方法

    一个Table对象包含多个行TableRow,每一行又包含TableCell,TableCell中...Table单元格内容和单元格边框之间的空间量(单位:像素) CellSpacing 相邻单元格之间的空间量 Rows Table控件中行的集合 Tabl

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

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

    html table实现复杂表头的示例代码

    使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。 ...  (1)rowspan 属性规定单元格可横跨的行数;  (2)colspan 属性规定单元格可横跨的列数。 ...table id="tab" cellpadding="1

    可拖动的table

    可拖动的table #draggable{ padding:absolute; height:600px;... &lt;table cellspacing="0" cellpadding="0" width="1" height="80%" bgcolor="#C0C0C0" &gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; //竖线的生成 &lt;/div&gt;

    table示例代码

    在这个"table示例代码"中,我们将深入探讨`&lt;table&gt;`标签及其相关的属性和子元素。 首先,让我们了解`&lt;table&gt;`的基本结构。一个简单的表格由以下几个部分组成: 1. `&lt;table&gt;`:这是表格的根元素,所有其他与表格...

    table标签使用方法

    &lt;table width="450" border="1" cellspacing="0" cellpadding="2" bordercolor="#009900"&gt; 第一行第一栏 第一行的第二、三栏 第二行及第三行的第一栏 第二行第二栏 第二行第三栏 第三行第二栏 第三...

    table 细线 样式

    ### Table细线样式的理解和实现 #### 一、概述 在网页设计中,表格(Table)是一种非常重要的布局工具,可以用来展示数据或构建页面结构。对于追求美观和细节的设计师来说,如何设置表格的边框样式尤为重要。本文...

    html为内边框加颜色而嵌套TABLE边框不显示出来的两种方法.pdf

    &lt;table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000" style="font-size:14px"&gt; ... ... &lt;td&gt;&lt;table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"&gt;...

    改变table中行的背景

    &lt;table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000"&gt; ;" onMouseOut="this.bgColor='#FFFFFF';"&gt; 细 表 ;" onMouseOut="this.bgColor='#FFFFFF';"&gt; 线 格 &lt;/table&gt; ``` ...

Global site tag (gtag.js) - Google Analytics