css设置背景图片居中

最新推荐文章于 2024-08-23 10:23:17 发布

踏寒

最新推荐文章于 2024-08-23 10:23:17 发布

阅读量1.7k

点赞数 2

文章标签： css 前端 html

本文链接：https://blog.youkuaiyun.com/zh_chong/article/details/129830690

版权

关键代码

  background-image: url("../../assets/images/navbar-banner.png");//图片地址
  background-repeat: no-repeat;//不重复
  background-position-x: center;//居中
  background-position-y: center;//居中
  background-size: contain;//不会改变图片的宽高比

  background-size: 100% 100%;//改变图片适应容器宽高比

  background-size: 100px 100px;//改变图片适应容器宽高值