1px細(xì)線

.bordert1px {
    position: relative;
}
.bordert1px:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5); 
    transform: scaleY(0.5); // 縱向縮放
}
.rec-app-content{
    position: relative;
}
.rec-app-content::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 300%;
    height: 300%;
    transform-origin: 0 0;
    transform: scale(.3333);
    pointer-events: none;
    border-bottom: 1px solid #c1c1c1;
}
<div class="line-bottom"></div>
.line-bottom {
  background-image: url(~assets/img/line-bottom.png);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容