border-bottom自定義長度

原文地址：https://blog.csdn.net/qq_41191857/article/details/109985544

div標籤
<div class="taps">
    <div class="detail on">大米明細</div>
    <div class="record">兌換記錄</div>
</div>
 
樣式：
 
.taps div{
    width:150px;
    line-height: 78px;
    height:78px;
    text-align: center;
    font-size:30px;
    position: relative;
}
.taps div.on{
    color:#F13C1B;
    font-weight: bold;
}
.taps div.on:after {
    content: '';
    position: absolute;
    bottom: -2px;
    top: auto;
    left: 40px;
    height: 4px;
    width: 60px;
    background-color: #F13C1B;
}