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

Question

我有这张图片:

我想从顶部裁剪 200px，从底部裁剪 200px。

裁剪图像:

我想在 CSS 中做到这一点。

我怎样才能做到这一点？

Answer 1

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

例如:

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