CSS可以用來控制網頁元素的外觀，其中包括元素的形狀。本文介紹如何使用CSS來實現正方形的顯示效果。

.square {
width: 200px; /* 設置正方形的寬度 */
height: 200px; /* 設置正方形的高度 */
background-color: red; /* 設置正方形的背景色 */
}

在上述代碼中，我們首先定義了一個類名叫做“square”，然后使用CSS屬性來設定這個類所代表的元素的寬度、高度與背景色。通過將寬度和高度設置為相等，我們就可以讓元素呈現出正方形的形狀。

在HTML代碼中，我們需要將這個類名應用到我們想要顯示成正方形的元素中。示例如下：

<div class="square"></div>

在這個示例中，我們創建了一個div元素，并且將“square”類應用于它。這個div元素將會顯示成一個背景色為紅色的正方形。