對(duì)于網(wǎng)頁設(shè)計(jì)來說，CSS寬度往往起著至關(guān)重要的作用。如何讓一個(gè)元素的寬度成為一個(gè)正方形，也是前端開發(fā)中經(jīng)常遇到的問題。以下是一種實(shí)現(xiàn)正方形寬度的CSS使用方法：

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

在上述代碼中，使用了兩個(gè)百分比屬性，width和padding-bottom。這兩個(gè)屬性被賦值為同樣的數(shù)值，可以讓寬度和高度總和達(dá)到100%。這樣的話，元素就成為了一個(gè)具有相等寬高的正方形。

當(dāng)然，這個(gè)例子只是最基礎(chǔ)的實(shí)現(xiàn)方法，你可以根據(jù)需要更改百分比值，從而得到不同大小的正方形。此外，你還可以使用其他CSS屬性調(diào)整正方形的樣式，如邊框、陰影、圓角等等，靈活地建立起自己的CSS效果庫(kù)。