CSS中的::before伪元素可以在HTML元素的内容之前添加新内容。这个伪元素可以用来实现一些很炫酷的效果。 在CSS中，::before伪元素是通过CSS选择器来定义的。选择器需要使用双冒号符号来表示伪元素。 下面是创建一个带有箭头的列表项的CSS代码：

li::before {
content: "⬅ ";
}

在这个例子中，我们使用li选择器来为每个列表项添加箭头。::before伪元素的content属性设置箭头作为新内容添加到列表项的前面。 如果我们想要使用图片作为伪元素的内容，可以像这样设置：

div::before {
content: url('image.png');
}

在这个例子中，我们使用div选择器为元素添加一个图片。::before伪元素的content属性设置为图片的URL。 需要注意的是，::before伪元素只能在元素的内容前面添加新内容。如果想要在元素的后面添加新内容，应该使用::after伪元素。 通过使用CSS中的::before伪元素可以创造出很多有趣的效果，如在头部添加小箭头或图标等。掌握这个技巧可以让你的网页更加出色。