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

前端之家收集整理的这篇文章主要介绍了在CSS中组合border-top,border-right,border-left,border-bottom前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有一种方式组合border-top,border-right,border-left,border-bottom在CSS像超级速记样式。

例如:

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

解决方法

不,您不能在单个语句中设置所有。
在一般情况下,您至少需要三个属性
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;

猜你在找的CSS相关文章