2011-03-02 167 views
2

我正在製作一個簡單的選項卡式界面。有人可以提供一種製作div的方式,它的底部邊框寬度爲0px,否則我會在tab div和tab內容之間產生1px的間隔。我是否使用border-left,border-rightborder-top而不是borderborder-bottom: 0px;CSS無邊框寬度

感謝,

詹姆斯

回答

2

您可以使用:

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

0

當你有兩個DIV的兄弟姐妹,像這樣:

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

然後,默認情況下,它們之間沒有空格。

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

0

使用css reset作爲第一個包含CSS文件。

+1

CSS重置與什麼有關? – BoltClock 2011-03-02 19:17:16

+0

默認的CSS應該沒有任何邊距,邊距或邊框之間的邊界,這可能可以解決它通過調零。 – methyl 2011-03-02 19:19:31

1

當您使用邊框不言而喻順時針方向,並重復非鏡子上指定的部分。

所以,你想:邊框寬度:等等等等等等0像素

此外,你確定它的邊界?它也可能是填充或保證金(更可能是<)。