[分享]css写一个向左的箭头

如何用CSS来写一个向左的箭头？可以通过以下代码实现：

.arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid black;
} 

代码解析：

首先，我们创建了一个CSS类名为'arrow'的样式，接下来的代码是将这个样式中的元素设置样式。

箭头的长度和宽度都是0，我们需要通过border属性来设置箭头的样式。这里我们设置border-top和border-bottom的样式为transparent，这意味着我们不需要在箭头的上部和下部添加样式。而border-right设置为20px的黑色实线。这样做就会让箭头沿着右侧形成一个三角形。

注意：我们只是创建了一个向左的箭头。如果要创建向右的箭头，则需要在border-top、border-bottom和border-right之间进行调整。

以上就是用CSS编写一个向左的箭头的方法。我们可以根据自己的需要调整箭头的大小和颜色。