2011-12-05 56 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;