开发者社区> 问答> 正文

HTML5中设置背景图片大小

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

展开
收起
云栖技术 2016-06-06 16:59:31 9029 0
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
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载