CSS无边框宽度答案

【问题标题】：CSS no border widthCSS无边框宽度
【发布时间】：2011-03-03 03:16:06
【问题描述】：

我正在用 div 制作一个简单的选项卡式界面。有人可以提供一种使 div 的底部边框宽度为 0px 的方法，否则我会在选项卡 div 和选项卡内容之间得到 1px 的间隙。我是否使用border-left、border-right 和border-top 而不是border 和border-bottom: 0px;？

谢谢，

詹姆斯

【问题讨论】：

标签： css border

【解决方案1】：

你可以使用：

border-width: 1px;
border-bottom-width: 0px;

将所有设置为 1px，然后将底部覆盖为 0px。

简写也是有效的：

border-width: 1px 1px 0 1px;

其中第三个值是底部宽度（上、右、下、左）

【讨论】：

先border: 1px solid red 然后border-bottom: 0 会更灵活。
我的错...我每天都使用border: 1px solid red :-)

【解决方案2】：

当你使用边框时，它会顺时针旋转，并在镜子上重复未指定的部分。

所以你想要：border-width: blah blah 0px blah

另外，你确定是边界吗？它也可能是填充或边距（

【讨论】：

【解决方案3】：

当你有两个 DIV 作为兄弟时，像这样：

<div> One </div>
<div> Two </div>

那么，默认情况下，它们之间没有空格。

证明： http://jsfiddle.net/simevidas/wm7GA/

【讨论】：

【解决方案4】：

使用 css reset 作为第一个包含的 css 文件。

【讨论】：

CSS 重置与什么有什么关系？
默认 css 不应该在 div 之间有任何边距、填充或边框，这也许可以通过将它们归零来解决。