CSS彈性正方形可以讓網頁設計變得更加靈活和美觀，同時也可以提高用戶體驗。以下是一個示例代碼：

.square {
display: flex;
justify-content: center;
align-items: center;
width: 50vw;
height: 50vw;
background-color: #3498db;
}

該代碼中，我們使用了flex布局來實現正方形的自適應大小。通過設置

，我們可以使容器內元素自動排列，并且設置了justify-content: center;和align-items: center;，使容器內的元素居中對齊。

此外，我們設置了容器的寬度和高度分別為50vw（視口寬度的50%），這樣我們就可以創建一個寬高相等的正方形。最后，我們還設置了背景顏色為亮藍色。

在使用該代碼時，只需要在HTML文件中添加一個類名為“square”的