CSS clip屬性是用來剪裁圖片或元素的一種方法。它通過定義4個數值，分別表示左上角、右上角、右下角、左下角的坐標，來裁剪出指定的部分。

使用clip屬性的具體步驟如下：

/* 裁剪一個圖片 */
img {
position: absolute; /* 首先需要將圖片定位為絕對定位*/
clip: rect(0px,60px,200px,0px); /* 設置剪切區域 */
}

上面的代碼將會把圖片裁剪為60px寬，200px高，并且是從左上角剪切的。

除了使用像素值來設置坐標，還可以使用百分比。在這種情況下，百分比是指相對于寬度和高度的百分比。

下面是一個示例代碼：

/* 裁剪一個元素 */
div {
position: absolute; /* 首先需要將元素定位為絕對定位*/
clip: rect(10%,80%,90%,20%); /* 設置剪切區域 */
}

代碼中，左上角坐標為10%和20%，右上角為80%和20%，右下角為90%和80%，左下角為10%和80%。

需要注意的是，使用clip屬性來裁剪元素或圖片時，并不會改變它們的尺寸。只是隱藏了超出剪切區域的部分而已。

總的來說，CSS clip屬性能夠幫助開發者更加靈活的裁剪圖片或元素，實現更加豐富多彩的效果。