css图片多余部分隐藏 |css3背景图旋转

首先，需要了解CSS中的background属性。该属性可以设置一个图片作为背景，但是同时可以通过background-position属性指定图片在背景区域中的位置。设定一下background-size为100px*100px，position为center，则图片位于横向和纵向均居中的位置。

div{
background-image:url(image.jpg);
background-size:100px 100px;
background-position:center;
}

接下来，通过设置div的overflow属性为hidden，可以让超出该div区域的部分被隐藏起来。如果想对图片进行裁剪，可以通过指定background-size的宽度和高度，实现与div区域尺寸不同的图片显示。

div{
background-image:url(image.jpg);
background-size:50px 50px; /*宽高为50px*/
background-position:center;
overflow:hidden;
width:30px;
height:30px;
}

上述代码中，div区域宽度为30px，高度同样为30px，但是背景图片的宽高都为50px，因此只有部分图片被显示出来，而超出div区域的部分被隐藏起来。通过调整background-position，可以实现不同位置的图片裁剪。