css标题文字和下划线重叠

最新推荐文章于 2023-04-09 22:40:45 发布

dengying9035

最新推荐文章于 2023-04-09 22:40:45 发布

阅读量530

点赞数

原文链接：http://www.cnblogs.com/caoyuna/p/11528833.html

版权

 <view class="text">
        <text class="textCon">标题</text>
        <text class="borderText"></text>
  </view>

.text {
  font-size: 36rpx;
  color: rgba(51, 51, 51, 1);
  position: relative;
}

.textCon {
  position: relative;
  z-index: 999;
}

.borderText {
  width: 100%;
  height: 10rpx;
  background: #1694cd;
  position: absolute;
  bottom: 0;
  z-index: 0;
  left: 0;
}

效果展示