<div class="title">
<span class="text">這是標題</span>
<span class="line"></span>
</div>
.title {
font-size: 36px;
color: #000000;
position: relative;
display: inline-block;
}
.text {
position: relative;
z-index: 999;
}
.line {
width: 100%;
height: 10px;
background: #109D71;
position: absolute;
bottom: 0;
z-index: 0;
left: 0;
}
偽元素實現(xiàn)
?.like{
? ? ? ? display: flex;
? ? ? ? justify-content: space-between;
? ? ? ? position: relative;
? ? }
.like h4::before{
? ? ? ? content: '';
? ? ? ? background: linear-gradient(transparent, var(--bgcolor));
? ? ? ? position: absolute;
? ? ? ? bottom: 0;
? ? ? ? left: 0;
? ? ? ? width: 66px;
? ? ? ? height: 10px;
}
這個世界上根本沒有三觀一致的人辜御。
