css加一条下划线 |css简易灯箱画廊素材

p {
position: relative;
}
p:after {
content: '';
height: 1px;
background-color: #000;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

上面的代码块使用了CSS伪类元素选取后代元素中的最后一个p元素，并添加了一个内容为空的元素，使用绝对定位将其定位在p元素的下方。同时，设置了该元素的高度和背景颜色，形成了一条下划线的视觉效果。其中，p元素需要设置为相对定位，以便下划线元素能够在其基础上进行定位。

通过这样的方法，大家能够在文本下方巧妙地添加一条下划线，使得页面的视觉效果更为优美。在实际开发中，大家可以根据不同的需求来调整下划线元素的样式，从而使得它更加符合页面的整体风格。