- border-bottom 2.text-decoration:3.:after
border-bottom: 同border
text-decoration:underline
overline,line-through,可多选
text-decoration-color 颜色
text-decoration-style 样式
text-decoration-thickness 粗细
:after:
<p class='title' >123456</p>
.title{
position: relative;
}
.title:after {
content: “”;
position: absolute;
width: 100%;
height: 1.5vh;
bottom: -0.5vh;
left: 0;
opacity: 0.4;
background: linear-gradient(to right, #ff9900, #00ffff);
border-radius: 0 2vh 0 2vh ;
}
css下划线3种实现方式
于 2023-10-17 10:34:36 首次发布