CSS中使用百分比可以輕松地實現一個正方形的效果，下面我們來看一下具體的方法。

.square {
width: 50%;
padding-bottom: 50%;
background-color: red;
}

上面的代碼中，我們創建了一個類名為“square”的元素，通過給該元素的寬度和 padding-bottom 屬性設置為相同的百分比值，就能實現一個寬高均為父元素的一半的正方形。

當然，我們也可以根據實際情況來調整百分比的值，比如我們將這兩個屬性的值都設置為 25%，就能得到一個較小的正方形。

.small-square {
width: 25%;
padding-bottom: 25%;
background-color: blue;
}

總之，使用百分比寫正方形的方法非常簡單，只需注意寬度和 padding-bottom 的百分比值相同即可。