css 显示某位置的图片

CSS 是一种用于网页排版的语言，它可以控制网页的样式和布局。其中，显示图片也是 CSS 中很重要的一部分，可以通过 CSS 中的背景属性来实现。下面我们将简单介绍一下如何使用 CSS 显示特定位置的图片。

/* CSS 代码示例 */
#img-wrapper {
  background: url('path/to/image.jpg') no-repeat center center;
  background-size: cover;
  height: 500px; /* 设置图片显示区域的高度 */
}

如上述示例代码，#img-wrapper 是一个带有 ID 选择器的 HTML 元素，它的背景属性中设置了图片路径，且图片不会重复，会在容器的中心位置显示。同时，设置了 background-size 属性，使得图片可以完全覆盖容器，最终呈现出我们想要的效果。这里高度设置为 500px，可以根据实际需求进行调整。

需要注意的是，使用 CSS 显示图片时，图片的路径要正确，否则会出现显示不出图片的情况。同时还可以通过一些其他的属性来调整图片的显示效果，比如设置边框、圆角、渐变等等。