CSS3 - 使用图像的一部分作为背景[重复]答案

【问题标题】：CSS3 - Use part of an image for background [duplicate]CSS3 - 使用图像的一部分作为背景[重复]
【发布时间】：2016-10-13 01:08:06
【问题描述】：

我想使用一些图像作为背景，但我无法控制这些图像。如果图像是 500px x 500px ，是否可以仅使用 CSS3 将图像缩小到 200px x 200px，然后仅使用距中心 100px x 100px 的距离？

【问题讨论】：

你能用一些图片和你的代码为此创建一个jsfiddle吗？
可以在 CSS 中调整图像大小，是的。然而，已经有几个关于这个的问题，而且这种信息很容易通过搜索来访问。尝试将width:100%; height:auto; 添加到您的 div 的 CSS 中，图像应该可以很好地调整大小。
看看这个post，它可能会为您指明正确的方向。
如果您愿意，请随时关闭
没问题 - 我应该对此进行更仔细的研究。我会删除，但已经有答案了。

标签： css

【解决方案1】：

你可以使用这样的东西：

div {
width:100px;
height:100px;
background-size: 200px 200px;
background-position: center; 
background-image: 'your image here';
}

【讨论】：