CSS - 裁剪圖像 - 頂部和底部

Question

我有這個圖片：

我要裁剪從頂部200像素和200像素的底部。

裁剪圖片：

我想這樣做在CSS。

我該如何做到這一點？

Answer 1

您可以使用名爲clip的CSS屬性。看看文檔here。

例如：

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