CSS无边框宽度

问题描述:

我正在制作一个简单的选项卡式界面。有人可以提供一种制作div的方式,它的底部边框宽度为0px,否则我会在tab div和tab内容之间产生1px的间隔。我是否使用border-left,border-rightborder-top而不是borderborder-bottom: 0px;CSS无边框宽度

感谢,

詹姆斯

您可以使用:

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

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

也是有效的是简写:

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

其中第三值是底宽(上,右,下,左)

+1

边框:1px纯红色,然后是'边框 - 底部:0',这样做很光滑。 – thirtydot 2011-03-02 19:19:55

+0

我的坏...我每天都用'border:1px solid red' :-) – Bojangles 2011-03-02 19:41:58

当你有两个DIV的兄弟姐妹,像这样:

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

然后,默认情况下,它们之间没有空格。

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

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

+1

CSS重置与什么有关? – BoltClock 2011-03-02 19:17:16

+0

默认的CSS应该没有任何边距,边距或边框之间的边界,这可能可以解决它通过调零。 – methyl 2011-03-02 19:19:31

当您使用边框不言而喻顺时针方向,并重复非镜子上指定的部分。

所以,你想:边框宽度:等等等等等等0像素

此外,你确定它的边界?它也可能是填充或保证金(更可能是<)。