在 HTML 中使用图片

参考

这些文章涵盖了一些用于控制图片在 Web 上显示方式的 HTML 元素和 CSS 属性。

HTML

HTML 元素 用于将图片嵌入网页。它支持多种属性，可以控制图片的显示行为，并允许你添加重要信息，例如为看不见图片的用户添加 alt 文本。

HTML 元素 包含零个或多个 元素以及一个 元素，该元素为不同显示/设备场景提供了图片的多个版本。浏览器会考虑每个 子元素，并从中选择最匹配的一个。

CSS

object-fit

object-fit CSS 属性设置了如 或

object-position

object-position CSS 属性指定了所选 替换元素 的内容在其元素框内的对齐方式。元素框中未被替换元素对象覆盖的区域将显示元素的背景。

background-image

background-image CSS 属性为元素设置一个或多个背景图片。

另见

响应式图片

在本篇文章中，我们将学习响应式图片的概念——能够很好地适应各种不同屏幕尺寸、分辨率及其他功能的设备的图片——并探讨 HTML 提供了哪些工具来帮助实现它们。

帮助改进 MDN

此页面对您有帮助吗？

是

否

了解如何贡献 此页面最后修改于 2025年4月10日，贡献者为 MDN 贡献者。

在 GitHub 上查看此页面 • 报告此内容的错误