CSS伪元素居中线是用于将元素水平或垂直居中的一种技术，常用于实现响应式布局和美化页面的效果。在CSS中，使用伪元素::before和::after可以创建一个元素的伪元素，通过设置其属性值来实现居中效果。 首先，我们来看如何使用CSS伪元素居中水平线。设置元素的display属性为inline-block或者table-cell，然后设置它的伪元素::before的content属性为空，并将它的高度设置为100%。接着，使用伪元素的margin属性设置左右外边距为auto，这样就可以将元素放置在父元素的中心位置，并实现居中水平线的效果。 代码示例：

p {
display: inline-block;
position: relative;
}
p::before {
content: "";
display: block;
height: 100%;
margin: 0 auto;
}

接下来，我们来看如何使用CSS伪元素居中垂直线。设置元素的position属性为relative或者absolute，并设置其高度和宽度。然后，使用伪元素::before的content属性为空，并将其内容的高度和宽度设置为与元素相同。接着，使用伪元素的position属性设置为absolute，并使用top和left属性将元素放置在父元素的中心位置，从而实现居中垂直线的效果。 代码示例：

p {
position: relative;
height: 300px;
width: 200px;
}
p::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
}

综上所述，CSS伪元素可以为不同的元素实现居中水平或垂直线的效果，使得前端网页设计更加美观和灵活。通过合理运用CSS伪元素，在实现美观效果的同时，也能够提高前端网页开发效率。