css 图片一部分

在CSS中，有时候我们需要对图片进行特殊的处理，比如只显示图片的一部分，或者拉伸图片等。本文就来介绍一下如何使用CSS来实现对图片部分显示的效果。

我们可以通过设置图片的background属性来实现对图片的显示控制。具体方法如下：

.img-container {
  background-image: url('img.jpg');
  background-size: 300px 200px;
  background-position: -100px -50px;
  width: 300px;
  height: 200px;
}

以上代码中，我们在一个div容器中放置了一张300x200的图片。由于我们只想显示图片的一部分，所以我们通过background-position属性来指定了图片的偏移量。

在background-position属性中，第一个值为x轴偏移量，第二个值为y轴偏移量。由于我们只想显示图片的左上角部分，所以我们将x轴偏移量设置为-100px，y轴偏移量设置为-50px，这样图片的左上角就被定位在了容器的左上角。

需要注意的是，由于我们通过background-size属性来设置了图片的宽高，所以图片在容器中的大小将会被拉伸。如果图片不需要拉伸，可以将background-size属性设置为auto。

通过以上方法，我们就可以方便地实现图片的部分显示效果了。