CSS伪元素是在CSS中经常使用的一种技术。在CSS中，我们可以使用伪元素来将样式应用到元素的特定部分，而不是应用到整个元素。这些伪元素以“::”开头，例如“::before”和“::after”。

下面是一些CSS伪元素的例子：

p::before {
content: "前缀文本";
}
p::after {
content: "后缀文本";
}

在上面的例子中，我们为p元素添加了两个伪元素：::before和::after。伪元素的content属性用于指定要插入的文本或图像。

除了content属性之外，伪元素还可以使用其他属性，这些属性用于定义样式。以下是一些常用的伪元素属性：

::before {
content: "";
display: block;
height: 10px;
width: 10px;
background-color: red;
position: absolute;
top: 0;
left: 0;
}
::after {
content: "";
display: inline-block;
height: 20px;
width: 20px;
background-color: blue;
position: relative;
top: -5px;
left: 5px;
}

在上面的例子中，我们为两个伪元素设置了不同的样式。::before元素使用块级显示（display：block），并具有红色背景色。其position属性设置为absolute，使其相对于父元素定位。::after元素使用inline-block显示，并具有蓝色背景色。其position属性设置为相对（relative），并具有负的top和left值。

通过使用CSS伪元素，我们可以在不影响HTML结构的情况下增强网页的外观和交互。掌握这种技术，你将能够创建出更加优美和灵活的网页布局。