开发者社区 问答 正文

HTML5中设置背景图片大小

插入一张背景图片,设置成图片平铺,不重复铺,怎么弄啊 ,求大神把具体步骤发下,O(∩_∩)O谢谢!

展开
收起
云栖技术 2016-06-06 16:59:31 9111 分享 版权
2 条回答
写回答
取消 提交回答
  • 不重复:background-repeat: no-repeat;
    宽高强制和需要添加背景的块一致:background-size: 100%;
    背景图较大的宽/高适应块:background-size: contain;
    背景图较小的宽/高适应块:background-size: cover;

    2019-07-17 19:29:01
    赞同 展开评论
  • 社区爱好者,专为云栖社区服务!

    如果平铺又不重复,其实是拉伸,设置background-size为100%
    如果不重复,设置background-repeat:为no-repeat

    2019-07-17 19:29:01
    赞同 展开评论