有没有一种方法可以同时分配三个边框（例如左、右和上），而不是逐个分配？

Question

如果您要设置所有边框相同，可以简单地使用 border: 1px solid #DDD。现在，如果我只需要3个边框，我被迫像这样逐个编写它们： border-left: 1px solid #DDD, border-top: 1px solid #DDD等等。有没有办法将它们合并成一行？例如 border-{left,right,top}: 1px solid #DDD 最简单的两行选项是先设置所有边框，然后关闭其中一个。但是我在脚本开始时将所有边框重置为零，所以这有点多余。

- user564376

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/了解更多关于三边框的信息。

- lebreeze

Answer 2

我想这个问题没有解决方案。对于边框属性的简写技术不能设置多个边框。

您可以尝试以下方法：

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

- Sujit Agarwal