三边的CSS边框答案

【问题标题】：CSS Border on three sides三边的CSS边框
【发布时间】：2011-12-05 08:49:58
【问题描述】：

如果我想在三边都有边框，我需要为每一边声明边框吗？例如。

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

或者有什么捷径？

【问题讨论】：

标签： css border

【解决方案1】：

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

【讨论】：

【解决方案2】：

你不需要声明border-top style然后覆盖它：

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

【讨论】：

【解决方案3】：

嗯，有一个稍微更短的方法——但这不是你所说的快捷方式......

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

或者您可以声明部分元素，以便清晰：

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

【讨论】：

【解决方案4】：

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

注意：我个人不会这样做；阅读它的人可能会感到困惑，实际上没有必要。原来的方式虽然有重复，但是很少。

【讨论】：

【解决方案5】：

这有点短，但作用相同：

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

【讨论】：