除了顶部外，CSS 边框的简写方式

Question

我有一个相对简单的问题...如何缩写下面的CSS？

border-left:1px solid #818386;
border-right:1px solid #818386;
border-bottom:1px solid #818386;

我希望所有的边框都一样，除了顶部。

- Travis

Answer 1

CSS

border: solid 1px #CCC;
border-top: none;

- misterManSam

---

你也可以使用border-top: 0;代替none。 - SajithNair

值得注意的是，none 属于 border-top-style，而 0 指的是 border-top-width。 - Hashem Qolami

谢谢回复，我会尽快在SO允许的情况下接受答案。这个问题我错过了显而易见的点，但感谢你指出来！ - Travis

请记住，CSS是从上到下处理的...因此，如果一个样式在另一个样式下面重复出现，并且存在冲突，则底部样式将被呈现。 - misterManSam

Answer 2

'

'简化'

'

border: 1px solid #818386;
border-top: 0 none;

希望这可以帮助你，但这是必须拥有的。

- Pinki

---

哇，完全忽略了那个，谢谢大家指出这个显而易见的问题。 - Travis

Answer 3

使用border: 1px solid #818386将border-top设置为0px。

- user3416788