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

table td 边框 设置 border-collapse: collapse;cellspacing:0;

CSSHTML 
阅读更多 
<html>
<head>

<style type="text/css">

body {background-color: yellow}

table {
  width:400px;
  border-collapse: collapse;
  cellspacing:0;
}
td{
 border: 1 solid black;
}
</style>

</head>

<body>
<table>
<tr>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
</tr>
<tr>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
</tr>
<tr>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
<td>&nbsp;
</td>
</tr>
</table>


</body>
</html>

 

  

  

  

  

  

  

  




 

 

分享到：
| （ext2.1.1）extjs IE8下datefield的widt ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css去掉表格内边框.pdf

    在CSS中，可以通过设置`border-collapse`属性为`collapse`来合并相邻单元格的边框，达到去除内边框的效果： ```css table { border-collapse: collapse; } td, th { border: none; } ``` 2. **细边框表格**...

    隐藏 表格 边框 的设置

    &lt;table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor=#ab1515 width="90"&gt; &lt;td style="border-bottom-style: none; border-bottom-width...

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

    &lt;td&gt;&lt;table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"&gt; ... &lt;/table&gt;&lt;/td&gt; ... &lt;/table&gt; ``` 总结起来，这两种方法都有效地解决了嵌套表格边框不显示的问题，但实现方式...

    ie6 表格td中无内容时不显示边框的解决办法

    2. **设置CSS样式**：在table标签内，你可以添加`border="0" cellspacing="0"` 并设置 `style="border-collapse:collapse"`。注意，`border-collapse` 属性必须设为 `collapse`。这是因为`border-collapse: collapse...

    单元格无间隙

    2. **设置`cellspacing`属性为0：** - **定义**：`cellspacing`属性用于设置单元格之间的距离。 - **取值**：非负数值，表示单元格间的像素距离。 - **示例代码**： ```html &lt;table cellspacing="0"&gt; &lt;!-- ...

    控制table经典实例

    &lt;table border="1" cellspacing="0" cellpadding="5"&gt; ``` 这将创建一个有边框、无间距、内部填充为5像素的表格。 为了使表格更精美，可以使用CSS进行样式化。例如，可以定义表格的背景颜色、字体样式、边框样式等...

    table 细线 样式

    &lt;table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"&gt; &lt;td style="border: 1px solid #39F;"&gt;&nbsp;&lt;/td&gt; &lt;td style="border: 1px solid #39F;"&gt;&nbsp;&lt;/td&gt; ...

    html5+css 代码.pdf

    - `cellspacing`设置单元格之间的距离，`&lt;table cellspacing="0"&gt;`可消除默认间距。 - 固定表格布局：`table-layout:fixed`让表格宽度固定，不受内容影响。 - 边框处理： - 方法1：分别设置边框宽度，如`border-...

    table做网页

    `&lt;table&gt;`元素有许多可定制的属性，如`border`定义边框宽度，`width`设置宽度，`cellspacing`和`cellpadding`调整单元格之间的间距。CSS可以进一步美化表格，如改变字体、颜色、背景等。例如： ```css table { ...

    html5+css代码.pdf

    - `cellspacing`设置单元格之间的间距，如`&lt;table cellspacing="0"&gt;&lt;/table&gt;`消除间距。 - 固定表格布局：`table-layout:fixed;`确保列宽不变。 - 边框处理：`border-collapse:collapse;`合并边框，`border-...

    Html旁门左道 第六天：表格线制作技法

    6. `border-color`：设置边框的颜色，可以使用颜色名、RGB值、HEX代码等。 7. `border-width`：设定边框的宽度。 除了对整个表格进行样式调整，我们还可以针对特定行或列进行定制。例如，使用`:nth-child()`伪类...

    跟我学HTML+CSS答案

    &lt;table border="1" cellspacing="0" cellpadding="10"&gt; 标题 &lt;td align="center" valign="middle"&gt;内容1&lt;/td&gt; &lt;td align="right" valign="top"&gt;内容2&lt;/td&gt; &lt;/table&gt; ``` ### 第16章：背景与边框 #### ...

    一个css 的小问题

    若要模拟`cellspacing=1`的效果，可以将`border-collapse`设置为`collapse`，并使用`border-spacing`设置间距。但请注意，`border-spacing`在单独的单元格间设置间距，因此在这里我们并不需要它，因为`border-...

    用&amp;lt;TABLE&amp;gt;语句来实现圆角表格可以省去制作圆角图片之苦！

    2. border：设置表格边框的宽度，为0时则不显示边框。 3. cellspacing：设置表格单元格之间的间隙宽度。 4. cellpadding：设置单元格内容与单元格边框之间的间隔。 5. align：设置表格的水平对齐方式，常见的值有...

    JS做的进度条

    &lt;table align="center" border="1" width="37%" cellspacing="0" cellpadding="4"&gt; &lt;td bgcolor="#3399FF" style="font-size: 12px;" height="24" align="center"&gt; ʾ, &lt;/td&gt; &lt;td style="font-size: 12px...

    CSS实现表格细边框的两种方法

    在CSS中，首先设置表格的整体边框，然后对表格中的每个单元格`td`和表头单元格`th`分别设置边框。这样，所有边框会合并成一条细线，形成精细的边框效果。例如： ```css .tab1 { width: 300px; height: 200px; ...

    CSS属性之背景与表格

    2. **border-spacing**: 当`border-collapse`为`separate`时，设置单元格之间的边距。 3. **table-layout**: 控制表格的布局算法。`auto`（默认，浏览器决定列宽）和`fixed`（列宽固定，忽略单元格内容宽度）。 4. *...

    用CSS设置表格Table的细边框的比较好用的方法

    它通过设置 `border=0` 和 `cellspacing=1`，然后为表格设置背景色，使其与细边框颜色相同，同时将所有单元格(`td`)的背景色设置为白色。这样，看似没有边框的表格实际上通过背景色的差异显示出了1像素的细线，形成...

    好看的TABLE样式

    2. **边框样式**：设置表格、单元格的边框宽度、颜色和样式，如`border: 1px solid #ccc;`。 3. **背景色**：通过`background-color`可以设置单元格或整个表格的背景色，以区分不同区域或高亮特定数据。 4. **字体...

    漂亮的表格css+html

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

Magicbox
Global site tag (gtag.js) - Google Analytics