CSS三面边框

Question

如果我想要在三个边上有边框，是否需要声明每个边的边框，例如：

border-left:1px solid green;
border-bottom:1px solid green;
border-right:1px solid green;

还有其他的捷径方法吗？

- Billa

Answer 1

border: 1px solid green;
border-top: 0;

- benni_mac_b

---

你在任何浏览器中看到它工作了吗？我用的是Mac，在Safari、Chrome或Firefox中都没有运行。 - Bobby Jack

Answer 2

好的，有一种稍微简短的方法——但这并不是你会称之为捷径的东西……

border: 1px solid green;
border-top: 0;

或者你可以声明部分元素，这将有助于提高清晰度：

border-color: green;
border-style: solid;
border-width: 0 1px 1px 1px;

- Amadiere

Answer 3

您不需要声明border-top的style然后再覆盖它：

border: 1px green;
border-style: none solid solid;

- Mori

Answer 4

border:1px solid green;
border-top: none;

注意：个人而言，我不会这样做；因为这可能会让读者感到困惑，并且没有必要。虽然原始方法涉及重复，但是它很少被用到。

- Bobby Jack

Answer 5

这是一个更加简短但具有相同功能的代码：

border:1px solid green;
border-top:0;

- oezi