css3 元素前追加内容

在CSS3中，我们可以使用伪元素来在元素的前面或后面添加一些额外的内容，这个功能被称为元素前追加内容。

示例代码：
p:before{
    content:"前面的文字";
}

可以看到，我们使用的是“：before”伪元素，并且使用“content”属性来指定需要追加的内容。这里我们添加的是“前面的文字”，可以根据需要来自定义。

需要注意的是，元素前追加的内容只是在页面渲染时添加的，并不会影响原有的HTML代码结构。

除了“：before”之外，还有“：after”伪元素，它同样可以用来追加内容，但是是在元素后面追加。

示例代码：
p:after{
    content:"后面的文字";
}

这里我们添加的是“后面的文字”，这个也可以根据实际需求来进行自定义。

总的来说，元素前追加内容是CSS3中非常重要的一个功能，可以为网页制作带来更多样化的展示效果。