使用html修改背景图像大小
使用html修改背景图像大小
提问于 2015-10-08 15:05:58
我有以下几点：
<div style="container;background-image:url('/images/football.jpg');background-size:100% 100%;">我想手动调整图像的宽度和高度。我目前有覆盖整个div的宽度，但不是完整的高度。有没有办法以百分比形式手动调整大小，同时保持图像无重复。
回答 2
Stack Overflow用户
发布于 2015-10-08 15:22:35
正如前面提到的，"background-size:“就是你想要的，不过我想我还是给你一些有用的建议，把你引向W3schools吧。
http://www.w3schools.com/cssref/css3_pr_background-size.asp
我最近才完成了在Uni的网络开发，W3schools是我能接触到的最有用的信息来源(不要告诉我的讲师)。如果你养成了先看一眼的习惯，这会对你有很大帮助。
也可能值得学习如何使用外部样式表并将它们链接到HTML中。
希望这能有所帮助！
Stack Overflow用户
发布于 2015-10-08 15:30:56
background-size: 100%;将按比例将图像调整为背景区域的100%宽度。
如果您的图像尺寸小于背景区域，则使用
background-size:cover;拉伸它，以使背景区域完全被背景图像覆盖。
如果您图像大小大于背景区域，则使用
background-size:contain;将其缩小，以使背景图像完全适合背景区域。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33008864
复制相关文章
相似问题
腾讯云开发者
