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

时间:2015-12-11 16:21:41

标签: html css

我有这张图片:

image 1

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

裁剪图片:

image 2

我想在CSS中这样做。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:4)

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

例如:

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