CSS中有很多種形狀可以用來(lái)美化我們的網(wǎng)頁(yè)，其中之一就是空心正方形。空心正方形可以用于制作按鈕或者作為裝飾圖案。

.square {
width: 50px;
height: 50px;
border: 2px solid #000;
border-radius: 0;
}

上述代碼就是一個(gè)簡(jiǎn)單的空心正方形的樣式。我們首先設(shè)置了寬度和高度為50px，讓它成為一個(gè)正方形。然后用border屬性設(shè)置了2px的實(shí)線邊框，并且邊框顏色為黑色。最后，我們使用border-radius屬性將四個(gè)角的弧度設(shè)置為0，從而呈現(xiàn)出直角的正方形形狀。

如果想要讓空心正方形更加美觀，我們可以通過(guò)使用漸變、陰影和動(dòng)畫(huà)等技巧來(lái)實(shí)現(xiàn)。

.gradient-square {
width: 50px;
height: 50px;
border: 2px solid #000;
border-radius: 0;
background: linear-gradient(to right, #f00, #0f0);
}

上述代碼增加了漸變效果。我們使用了CSS3的線性漸變屬性，從左側(cè)的紅色漸變到右側(cè)的綠色。讓正方形更加具有視覺(jué)吸引力。

總之，在實(shí)際開(kāi)發(fā)中，我們可以根據(jù)具體需求，利用各種CSS技巧，讓空心正方形變得更加豐富多彩，以達(dá)到更好的效果。