CSS是一種用于設置HTML頁面樣式的語言，提高頁面的美觀性和交互性。其中，鏤空矩形是一種酷炫的效果，可以讓我們的頁面更具有視覺沖擊力。

.box {
width: 200px;
height: 200px;
border: 2px solid #000;
position: relative;
}
.box::before, .box::after {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border: 2px solid #000;
}
.box::before {
border-top: none;
border-bottom: none;
}
.box::after {
border-left: none;
border-right: none;
}

首先，我們需要創建一個容器元素，這里使用.box類來定義我們的樣式。我們設置了容器的寬度和高度，以及一個2像素的邊框，并將其相對定位。

接著，利用CSS偽元素before和after來創建容器的鏤空效果。我們使用content屬性使其可見，并將其絕對定位到容器元素的四周，因此它們的邊框與容器元素的邊框重合。設置top、bottom、left、right為-10像素，是在容器元素內部創建出一個比容器元素稍小10像素的矩形區域。

接下來，我們需要再利用CSS偽元素before和after，分別控制矩形區域的上下邊框和左右邊框。為了讓我們的鏤空效果呈現出矩形的樣子，我們只需要將寬度或高度為0的邊框去掉即可。

最后，我們就可以看到我們的鏤空矩形效果了。通過以上代碼，可以發現我們可以很容易地利用CSS來控制頁面元素的樣式，實現我們想要的效果。