before是CSS中的一个重要属性，它可以帮助我们实现许多炫酷的效果。比如，在图片下方加上一块遮罩，就可以用before轻松实现。当然，很多前端er一开始可能会觉得before的用法比较神秘，不知道它具体有哪些功能，怎样来使用before才能解决我们遇到的问题。所以在这里，我们来学习一下before的用法。
before是一个CSS伪元素，它可以在某个元素的内容前面插入一个元素。这里的“某个元素”可以是HTML标签，也可以是CSS选择器选中的元素。而插入的元素则需要通过CSS来定义，通常会为插入的元素设置一些基本样式，如background、content、width、height等等。
下面我们就来看看before的具体应用。比如，我们可以通过before给图片增加一个遮罩。代码如下：
通过上面的代码，我们就可以给图片增加一个遮罩。
