Administrator
发布于 2024-12-13 / 27 阅读
0
0

css背景图片部分拉伸

原图

拉伸后(上下不变,中间拉伸)

实现

  • 通过border-image-source引入背景图片

  • 通过border-image-slice切割图片

    border-image-slice: 120 0 280 0 fill
    
  • 设置border大小

    border-top: 120px solid;
    border-right: 0px solid;
    border-bottom: 280px solid;
    border-left: 0px solid;
    


评论