三面CSS边框

Question

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

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

还是有任何捷径？

Answer 1

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

Answer 2

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

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

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

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

Answer 3

您不需要声明 border-topstyle然后覆盖它：

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