css中显示图片的一部分

CSS是前端开发中非常重要的一部分，其中涉及到了很多样式和布局的相关知识。在本文中，我们将着重讨论如何在CSS中显示图片的一部分。

代码示例：
.img-part{
    width: 300px;
    height: 300px;
    background-image: url('example.jpg');
    background-position: center;
    background-size: cover;
} 

上述代码中，我们使用了background-image来设置DIV的背景图片，而使用background-position和background-size来控制图片的显示部分。其中，background-position用于设置图片的起始位置，而background-size则控制图片如何填充背景。

如果想要设置图片显示的具体位置，可以使用background-position属性来控制。background-position属性可以接受一个关键字或是一个像素点坐标，例如center、top、left等。通过设置这些值，我们可以将图片显示在想要的位置。

而如果想要控制图片的大小和背景的填充方式，可以使用background-size属性。其中，cover和contain是最常用的值。cover用于将图片尽量铺满整个背景，可能会有一部分被裁剪；而contain则会让图片保持原有比例，尽量不被裁剪。

以上就是CSS中显示图片的一部分的介绍了。掌握这些知识，我们就可以更加自由地控制图片的显示效果，实现更好的用户体验。