<分区>
最近，当我右键单击十字图标并在“提问”页面的“标签”部分看到背景图像时，我看到它由十字以外的多个图标组成。我在谷歌上搜索了它，才知道它是使用 html 和 css 完成的。搜索结果没有帮助。
我是 html 的新手，在搜索之后我被介绍了这种新语言 css。对于像您这样的专家来说，这可能是一个简单的问题，但对于像我这样的初学者来说却很头疼。我真的很想知道它是怎么做到的。
提前致谢。
<分区>
最近，当我右键单击十字图标并在“提问”页面的“标签”部分看到背景图像时，我看到它由十字以外的多个图标组成。我在谷歌上搜索了它，才知道它是使用 html 和 css 完成的。搜索结果没有帮助。
我是 html 的新手，在搜索之后我被介绍了这种新语言 css。对于像您这样的专家来说，这可能是一个简单的问题，但对于像我这样的初学者来说却很头疼。我真的很想知道它是怎么做到的。
提前致谢。
最佳答案
1. 使用 background-image,background-position 设置宽度和高度的元素。
看看这个 fiddle (它包含一个 Facebook 图片):
2. 这些 CSS 查询可以通过使用 Inspect Element 自行解决。就像您通过 Right Click > View Background Image 查看背景图片一样，您可以通过类似的方式在浏览器中通过 Right Click > Inspect Element 查看网页的 CSS，例如 Mozilla 和 Chrome ...
关于html - 只显示图像的一小部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20773505/