CSS中如何添加下划线hr在网页设计中,我们经常需要添加分割线来区分内容,下划线hr便是一种常用的分割线样式。在CSS中,我们可以通过伪元素来为元素添加下划线hr。首先,我们需要选择需要添加下划线的元
p { position: relative; /* 设置定位 */ } p::after { content: ""; /* 添加伪元素内容 */ position: absolute; /* 设置绝对定位 */ left: 0; bottom: -5px; /* 水平居左,垂直下移5像素 */ width: 100%; /* 宽度100% */ border-bottom: 1px solid #ccc; /* 下划线样式 */ }
p::after { content: ""; /* 添加伪元素内容 */ position: absolute; /* 设置绝对定位 */ left: 0; bottom: -5px; /* 水平居左,垂直下移5像素 */ width: 100%; /* 宽度100% */ border-bottom: 2px solid red; /* 红色、宽度2像素、实线 */ }
粉丝
0
关注
0
收藏
0