CSS 裁切只有中間框可以通過設(shè)置元素的 border 和 padding 屬性來實(shí)現(xiàn)。這種效果也被稱為“九宮格”。

首先，為要裁切的元素添加一個(gè)透明的背景。這可以通過設(shè)置元素的 background-color: transparent; 來實(shí)現(xiàn)。

接下來，設(shè)置元素的 border 和 padding 屬性，其中 border-width 和 padding 應(yīng)該是相同的值，這樣才能保證中間的部分不被裁切。例如：

.border {
background-color: transparent;
border: 20px solid #ccc;
padding: 20px;
}

在這種情況下，中間的部分將有一個(gè) 20 像素的邊框和 20 像素的內(nèi)邊距，而其他四個(gè)角將被裁切。

如果您希望裁切的形狀更加復(fù)雜，可以使用 CSS clip-path 屬性。該屬性允許您使用 SVG 路徑或形狀來裁剪元素。

.clip {
background-color: transparent;
clip-path: polygon(10% 0%, 100% 8%, 100% 92%, 10% 100%, 0% 50%);
}

在這個(gè)例子中，元素將被剪切成一個(gè)多邊形形狀，只有中間的部分不被裁剪。請注意，polygon() 函數(shù)中的坐標(biāo)應(yīng)該根據(jù)您的需求進(jìn)行調(diào)整。