css实现文字居中两边横线效果的示例代码

向您展示了一种利用CSS实现文字居中且两边带有横线的视觉效果。这种效果不仅美观，而且易于实现。以下是具体的实现方法和示例代码：

效果预览：

我们需要创建一个HTML文档，并在头部引入CSS样式。以下是完整的HTML代码：

```html

```

在上述代码中，我们创建了一个名为`.centered-text`的CSS类，该类用于实现文字居中以及两边横线的视觉效果。通过使用伪元素`::before`和`::after`，我们可以在文本前后分别生成一条横线。通过调整这些线的位置、宽度和颜色等属性，你可以轻松定制符合你需求的样式。这种效果在许多场景中都非常实用，特别是在制作标题或强调关键内容时。希望这个例子能帮助大家更好地理解和学习CSS的应用。也请大家多多支持我们的博客或网站。