CSS向下的箭頭怎么寫？

在CSS中，向下的箭頭通常可以通過使用偽元素和CSS樣式來創(chuàng)建，以下是一個簡單的示例，展示如何創(chuàng)建一個向下的箭頭：

1、在HTML元素中添加一個偽元素，

<div class="arrow-container">
  <span class="arrow"></span>
</div>

2、在CSS樣式中定義偽元素的樣式，

.arrow-container {
  position: relative;
  width: 20px;
  height: 20px;
}
.arrow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid #000;
}

在這個示例中，我們使用了偽元素::after來創(chuàng)建箭頭，通過調(diào)整border-left、border-right和border-top的寬度和顏色，您可以自定義箭頭的樣式，使用position: absolute;和transform: translateX(-50%);可以將箭頭定位在容器的中心位置。

這只是一個簡單的示例，您可以根據(jù)自己的需求和設(shè)計來進一步定制和調(diào)整箭頭的樣式，希望這個示例能幫助您創(chuàng)建出符合要求的向下箭頭。