小编典典

在CSS中组合border-top,border-right,border-left,border-bottom

css

有没有一种方法可以像超级速记样式一样在CSS中组合border-top,border-right,border-left,border-bottom。

例如:

border: (1px solid #ff0) (2px dashed #f0F) (3px dotted #F00) (5px solid #09f);

阅读 597

收藏
2020-05-16

共1个答案

小编典典

不,您不能在一个语句中全部设置它们。
通常,您至少需要三个属性:

border-color: red green white blue;
border-style: solid dashed dotted solid;
border-width: 1px 2px 3px 4px;

但是,那将非常混乱。使用以下四个内容将更具可读性和可维护性:

border-top:    1px solid  #ff0;
border-right:  2px dashed #f0F;
border-bottom: 3px dotted #f00;
border-left:   5px solid  #09f;
2020-05-16