css中文字两边下边有线段

  p {
            border-bottom: 1px dashed black;
            display: inline-block;
            padding-bottom: 5px;
            padding-top: 5px;
        } 

CSS中文字两边下边有线段，通常是为了美化页面，增加阅读体验。通过CSS的控制可以实现这样的效果。

首先需要在CSS中设置p标签的样式，使用border-bottom属性来设置下边线样式。

[代码示例]

  p {
            border-bottom: 1px dashed black;
        } 

上述代码设置了p标签底部的线段为1个像素的虚线，颜色为黑色。

为了让文本内容与线段有一定的间距，还需要设置一些padding。

[代码示例]

  p {
            border-bottom: 1px dashed black;
            display: inline-block;
            padding-bottom: 5px;
            padding-top: 5px;
        } 

通过设置p标签为inline-block，可以让下边线与文字在同一行显示。

最终效果就是CSS中文字两边下边有线段的效果。