有没有办法一次性分配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/

Answer 2

我想这没有解决方法。 border属性的简写技术不可用于设置多个边框。

你可以试试这个：

border: #ffffff solid;
border-width: 3px 2px 1px 0;