Css 如何创建带有灰色细边框的透明三角形

我想创建一个三角形，它是白色的，但有很薄的灰色边框。 我试过这个密码

.向下箭头{ 宽度：0； 身高：0； 边框顶部：20px实心f00； 右边框：20px实心透明； 左边框：20px实心透明； }

---

你的意思是这样的吗？你可以用：border top color:B1B1B1；一旦你想改变三角形的尺寸，你必须在任何地方改变它

.向下箭头{ 位置：相对位置； } .向下箭头：之后， .向下箭头：之前{ 边框顶部：20px纯白； 左边框：20px实心透明； 右边框：20px实心透明； 左边距：-20px； 位置：绝对位置； 底部：-20px； 内容：； 左：50%； } .向下箭头：之前{ 右边框：20px实心透明； 边框顶部：20px实心； 左边框：20px实心透明； 边框顶色：B1B1； 底部：-22px； 左边距：-20px； }

---

你的意思是这样的吗？你可以用：border top color:B1B1B1；一旦你想改变三角形的尺寸，你必须在任何地方改变它

.向下箭头{ 位置：相对位置； } .向下箭头：之后， .向下箭头：之前{ 边框顶部：20px纯白； 左边框：20px实心透明； 右边框：20px实心透明； 左边距：-20px； 位置：绝对位置； 底部：-20px； 内容：； 左：50%； } .向下箭头：之前{ 右边框：20px实心透明； 边框顶部：20px实心； 左边框：20px实心透明； 边框顶色：B1B1； 底部：-22px； 左边距：-20px； }

---

只需旋转箭头div并调整边框颜色即可

箭头的内部可以是您想要的任何颜色…这里它是透明的，因为没有应用背景色

.向下箭头{ 宽度：20px； 高度：20px； 边框宽度：1px； 边框样式：实心； 边框颜色：透明灰灰色透明； 变换：旋转45度； }

---

只需旋转箭头div并调整边框颜色即可

箭头的内部可以是您想要的任何颜色…这里它是透明的，因为没有应用背景色

.向下箭头{ 宽度：20px； 高度：20px； 边框宽度：1px； 边框样式：实心； 边框颜色：透明灰灰色透明； 变换：旋转45度； }

---

我很惊讶它给了你一个三角形。你有三角形吗？这篇文章：@EdHeal是的，我有。你可以自己试试。我不知道你的要求是什么，但你可以使用线性渐变，看看这个@dippas，op其实不太清楚：标题是透明的，主题是白色的。。。这才是需要关心的：？红色代表灰色，我很惊讶它给了你一个三角形。你有三角形吗？这篇文章：@EdHeal是的，我有。你可以自己试试。我不知道你的要求是什么，但你可以使用线性渐变，看看这个@dippas，op其实不太清楚：标题是透明的，主题是白色的。。。这才是需要关心的：？代码中的红色表示灰色，…我有确切的要求，但需要在我的盒子顶部添加箭头-旋转180度会改变方向，但我如何将此箭头放置在我的盒子顶部？我有确切的要求，但需要在我的盒子顶部添加箭头-旋转180度会改变方向，但我如何将此箭头放置在我的盒子顶部？请添加下次在代码中添加一些单词或提琴。请下次在代码中添加一些单词或提琴。

.arrow-down {
  border: solid black;
  border-width: 0 .12em .12em 0;
  display: inline-block;
  padding: .20em;
  transform: rotate(45deg);
}