代码之家 › 专栏 › 技术社区 › Richard Knop

表格边框样式

css-tables css html

Richard Knop · 技术社区 · 14 年前

以下是我如何设置表格样式:

#content table {
    width: 100%;
    margin-top: 1em;
    border-collapse: collapse;
    border: 1px solid #222; 
}
#content table td {
    border: 1px solid #888;
    padding: .3em;
}

我正在努力实现的目标是拥有一张外部边界为黑色的桌子(222)。不过,我希望内边框的颜色更浅(比如888)。我怎样才能做到这一点?

1 回复 | 直到 7 年前

Brian Scott 14 年前

为什么不为表设置一个DIV容器,并根据需要设置它的边框呢?然后简单地单独设置表边框?

Markup:

<div class='outerDiv'>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
</div>

Css:

.outerDiv{ border:solid 2px #222; }
.outerDiv table { border:solid 2px #888; }

推荐文章

Jordumus · 重新设计无表标记的网格布局

7 年前

tesicg · 如何从JavaScript数组填充div表?

7 年前

Derk Jan Speelman · 表内的绝对元素导致表启用溢出-y:以某种方式滚动

8 年前

B.Wesselink · 行达到XX时添加另一列

8 年前

d.k · 折叠边界模型在web浏览器中的实现是否有效?

9 年前

peter vries · 表格显示问题:带图像的块

9 年前

herrfischer · 如何“清除”CSS伪表行?

9 年前

Luca · 使div像表格一样

9 年前

alex · 表头组的正确排列方式是什么?

10 年前

Nicolas Bouvrette · 当高度为100%时,显示表格CSS的IE 10错误?

10 年前