2011-12-05 58 views
13

如果我想在三面都有邊框,我是否需要爲每一面聲明邊框。三面CSS邊框

border-left:1px solid green; 
border-bottom:1px solid green; 
border-right:1px solid green; 

還是有什麼捷徑?

回答

29
border: 1px solid green; 
border-top: 0; 
+0

有沒有人實際測試了這個?不適合我... –

+0

你看到它在任何*瀏覽器中工作嗎?我在Mac上,它不能在safari,chrome或firefox –

+0

中工作,只是晚了幾年,但對我很好用 – thatOneGuy

10

嗯,有一個稍微方式 - 但它不是你所謂的捷徑......

border: 1px solid green; 
border-top: 0; 

或者你可以聲明其將允許部分清晰元素:

border-color: green; 
border-style: solid; 
border-width: 0 1px 1px 1px; 
3
border:1px solid green; 
border-top: none; 

注意:我個人不會這樣做;讀者可能會感到困惑,而且真的沒有必要。雖然原來的方式涉及重複,但它是最小的。

2

這是一個有點短,做同樣的:

border:1px solid green; 
border-top:0; 
2

你並不需要聲明邊框頂style,然後覆蓋它:

border: 1px green; 
border-style: none solid solid;