有没有办法同时分配3个边框(比如左,右和上)而不是单独分配？

Question

如果您将所有边框设置为相同,则可以执行类似的操作border: 1px solid #DDD.现在,如果我需要做的只是其中的3,我被迫写的每一个出像 border-left: 1px solid #DDD,border-top: 1px solid #DDD等有没有一种方法,我可以将它们组合成一条线？就像是border-{left,right,top}: 1px solid #DDD

我最简单的两行选项是首先设置所有边框并关闭其中一个边框.但是我在脚本开头将所有边界重置为零,所以这有点多余.

Answer 1

3行

div {
  border-color: red;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}

2行

div {
  border: 1px solid red;
  border-left: 0;
}

见http://css-tricks.com/three-sided-border/