三面CSS边框

时间:2011-12-05 08:49:58

标签: css border

如果我想在三面都有边框,我是否需要为每一方声明边框,例如。

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

还是有快捷方式吗?

5 个答案:

答案 0 :(得分:32)

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

答案 1 :(得分:12)

嗯,有一个略微更短的方式 - 但它不是你所谓的捷径...

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

或者您可以声明允许清晰的部分元素:

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

答案 2 :(得分:3)

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

注意:我个人不会这样做;阅读它的人可能会感到困惑,而且根本没有必要。虽然原始的方式涉及重复,但它是最小的。

答案 3 :(得分:3)

您无需声明border-top style然后覆盖它:

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

答案 4 :(得分:2)

这有点短,并且做同样的事情:

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