图片横向展示两个

printfl

于 2024-02-19 15:23:03 发布

阅读量427

点赞数 8

文章标签：前端

本文链接：https://blog.youkuaiyun.com/printfl/article/details/136171312

版权

本文介绍了如何使用CSS属性如background-size、background-position、background-repeat和transform-origin来精细调整网页背景图片的显示方式，包括占据一半宽度、底部定位以及横向重复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

background-size: 50% 40px;//一个背景图占一半，所以横向就可以放两张背景图
background-position: 0 bottom;//背景位置
background-repeat: repeat-x;//背景图横向重复
transform-origin: center bottom;