CSS绝对定位,相对定位

心已赠人 2023-07-06 08:59 145阅读 0赞

CSS绝对定位,相对定位

1、在绝对定位上显示内容(在要显示的内容上面设置相对定位)

  1. <image class="back" src="../../../../1.png"></image>
  2. <view class="name">我是相对定位</view>
  3. page{
  4. background-image: linear-gradient(#94c1f0, #f6f6f7)
  5. }
  6. .back{
  7. width: 100%;
  8. height: 444rpx;
  9. position: absolute;
  10. }
  11. .name{
  12. font-size: 36rpx;
  13. color: white;
  14. font-weight: bold;
  15. text-align: center;
  16. position: relative;
  17. padding: 20rpx 0 20rpx 0;
  18. }

效果:
在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,145人围观)

还没有评论,来说两句吧...

相关阅读