有没有办法用css裁剪图像（img标签），没有php，javascript，使用父元素或将图像设置为背景图像？举个例子，假设我有一个400 x 400像素的图像，包含在html文档中，如下所示：
<img src="400x400.jpg" />
有没有办法纯粹在css中裁剪此图像（不会扭曲图像）？我问这个是因为这将是一种更加语义化的图像裁剪方式，但我不知道该怎么做。
答案 0 :(得分：5)
绝对！这是一个很好但经常被误解的clip财产。
clip:rect(110px, 160px, 170px, 60px); /* Random example */
它一直回到IE4。您可以使用this fantastic tutorial了解更多信息。