css - 使用一个 CSS 规则指定顶部和底部边框

Question

是否可以使用 1 个 css 规则设置顶部和底部边框，类似于设置的方式，margin: 10px 0;而不必编写如下两个单独的规则。

border-bottom: 1px solid #333333; border-top: 1px solid #333333;

Answer 1

最短的方法是为所有边设置一个边框，然后消除不需要的边，但是用一条线是不可能的。

所以说你想在除了底部之外的所有地方都有边框，最短的方法是：

border: 1px solid #333;
border-bottom: 0;

Answer 2

您可以使用此处找到的速记符号：http: //www.w3schools.com/css/css_border.asp

但是，如果您不希望左右两侧有边框，那么不幸的是，没有捷径可走。

Answer 3

您可以非常接近，例如：

border: solid #333;
border-width: 1px 0;