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

时间:2013-04-29 10:28:58

标签: css border

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

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

3 个答案:

答案 0 :(得分:1)

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

所以说你希望除了底部以外都有边框,最短的方式是:

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

答案 1 :(得分:0)

您可以使用此处的简写表示法: http://www.w3schools.com/css/css_border.asp

然而,如果你不想在右侧和左侧都有边框,不幸的是没有简短的手。

答案 2 :(得分:0)

你可以非常接近,例如:

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