基于 CSS 实现中间有文字的竖线

    这段简单的 CSS 代码片段可实现在垂直竖线中添加文字的效果。该段代码的实现原理是使用 CSS 的前后伪选择器在文字的上下各画一条线,线条的粗细以及长短可以通过宽度和高度属性来设置,同时,背景颜色属性定义了线条的颜色。所以线条的长短粗细以及颜色可以根据自己的需求进行自定义

模板目录结构如下: