css 图片 显示一部分

CSS是一种用于设计网页样式的语言，其中包括了许多关于图片显示的属性。其中一个常见的问题是如何只显示图片的一部分。这可以通过CSS的background-position属性来实现。

background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: -50px -20px;

在上面的代码中，我们首先指定要使用的图片，然后设置背景不重复，最后指定了图片在背景中显示的位置。-50px -20px的意思是将图片向左上方移动50像素和20像素。这个值也可以是百分比或者其他单位。

需要注意的是，使用background-position属性只能显示图片的一部分，并不会改变实际图片文件的大小。如果需要调整图片的大小，需要使用其他属性，如background-size。

background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: -50px -20px;
background-size: 200px 300px;

在上面的代码中，我们还增加了background-size属性，将图片的大小调整为了200像素宽和300像素高。

通过以上的技巧，我们可以轻松地将图片裁剪和缩放到我们所需的尺寸和位置，达到更好的视觉效果。