CSS将边框设置合并为一行[重复]答案

【问题标题】：CSS combine border settings into one line [duplicate]CSS将边框设置合并为一行[重复]
【发布时间】：2014-04-03 08:21:11
【问题描述】：

我想不出如何将这些组合成一行..

border-left: 10px solid transparent;
border-right: 10px solid transparent;   
border-top: 10px solid #000;

感谢任何帮助！

【问题讨论】：

您的要求是只是为了好玩。
是的，这是一个箭头。是的，是为了好玩，是为了让我的商业网站赚钱，这很有趣！
链接的问题似乎回答了你的问题：你不能用纯 CSS 做到这一点。但是，您可以使用 SASS (sass-lang.com/documentation/file.SASS_REFERENCE.html#mixins) 在您的工作文件中实现这一点。看看关于带参数的 mixin 的部分。
赚钱，现在的版本还是可以的，只是稍微长了一点，你可以重写让它更好的维护但是单线解决方案是不可能的，单线解决方案也更难维护。
我想做一个可以用jquery来回翻转的箭头，从向下指向向上

标签： css

【解决方案1】：

你不能的一行！但你可以这样做：

border: 10px solid transparent;
border-top-color:#000;

注意border-bottom 因为因为会被覆盖

【讨论】：