:before和 :after伪元素允许在不添加不必要标记的情况下向网页添加样式。 SVG 内容可以通过以下描述的方法使用这些伪元素添加：
方法一：使用background-image属性： background-image属性用于为一个元素设置一张或多张背景图片。我们还可以使用此添加 SVG 内容 属性并将内容属性留空。其他 CSS 属性有助于正确定位和调整内容大小。
例子：
HTML
This is the normal content
The SVG images are added before
and after the line using :before
and :after pseudo-elements
HTML
This is the normal content
The SVG images are added before
and after the line using :before
and :after pseudo-elements
输出：
方法二：使用content属性： CSS中的content属性用于方便地在页面上动态生成内容。我们可以使用这个添加 SVG 内容 空伪元素上的属性。其他 CSS 属性有助于正确定位和调整内容大小。
例子：
HTML
This is the normal content
The SVG images are added before
and after the line using :before
and :after pseudo-elements
输出：
