l中實現正方形的方法有很多，下面介紹兩種常用的方法。

g和width屬性

gg來實現正方形效果。

gg的百分比是相對于元素寬度的。最后，設置元素的背景顏色即可。

示例代碼如下：style>

.square{

width: 0;

height: 0;g: 50%;d-color: #f00;/style>div class="square"></div>

方法二：使用偽元素

我們可以使用偽元素來實現正方形效果。首先，我們需要將元素的寬度設置為0，再使用偽元素來模擬一個正方形。

示例代碼如下：style>

.square{

width: 0;

height: 100px;: relative;d-color: #f00;

.square::before{tent: "";

display: block;g-top: 100%;/style>div class="square"></div>

tentg-top為100%，使它的高度等于元素的寬度，從而實現正方形效果。

lg和width屬性是比較簡單的方法，但它的局限性比較大，只能用于背景色相同的情況。使用偽元素的方法比較靈活，可以用于各種情況。