CSS是一種用于設計網頁的語言，其中包括許多有趣的特性，例如等比例的正方形。通過CSS，我們可以輕松地實現網頁元素的各種效果，包括尺寸、顏色和布局。下面我們將介紹如何使用CSS創建等比例的正方形。

.square {
width: 100%;
padding-top: 100%;
background-color: red;
}

以上代碼所實現的效果是將一個正方形塊嵌入到頁面中，并且保持它的寬高比為1:1。下面我們來逐一分析其中各項屬性的作用：

• width: 100%;屬性將正方形塊的寬度設置為其父元素的100%。這樣就保證了正方形塊不會溢出其父元素的邊界。
• padding-top: 100%;屬性將正方形塊的上填充（也就是上邊距）設置為相同的高度。這樣就保證了正方形塊的高度和寬度相等。
• background-color: red;屬性將正方形塊的背景顏色設置為紅色。這是為了使其在頁面上更加顯眼，以便我們更好地理解這個示例。

通過上述代碼和分析，我們可以充分了解到如何使用CSS來創建等比例的正方形。這不僅是一個很好的練習，也是在設計網頁時非常實用的技巧。我們在開發網頁的過程中，經常會遇到需要將圖像或其他元素的尺寸設置為正方形時，這時就可以用到上述方法了。