CSS - 裁剪图像 - 顶部和底部

Question

我有这个图片：

我要裁剪从顶部200像素和200像素的底部。

裁剪图片：

我想这样做在CSS。

我该如何做到这一点？

Answer 1

您可以使用名为clip的CSS属性。看看文档here。

例如：

img { 
    position: absolute; 
    clip: rect(0px,60px,200px,0px); 
}