在網(wǎng)頁設計中，總是會使用到不同的形狀來美化頁面。而正方形作為一種簡潔大方的形狀，常被廣泛使用。那么，如何使用CSS樣式來制作出正方形呢？

.square{
width: 100px;
height: 100px;
background-color: #F00;
}

使用CSS樣式，首先需要設置正方形的寬度和高度相等。以此為前提，具體的CSS代碼如上所示，其中square為自定義的類名，可根據(jù)需要更改。通過設置寬度和高度，再設置背景顏色為紅色（#F00），即可做出一個紅色正方形。

此外，如果想要讓正方形居中顯示，可以再套一層容器，并設置display為flex，并使用justify-content和align-items屬性進行居中對齊。代碼如下：

.container{
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.square{
width: 100px;
height: 100px;
background-color: #F00;
}

這樣，就可以在屏幕中央，以紅色正方形為中心展示頁面內(nèi)容。當然，做出的正方形不僅可以設置背景顏色，還可以添加文字、邊框等樣式，實現(xiàn)更多效果。總之，CSS樣式能夠幫助我們快速、簡單地創(chuàng)作各種形狀，為網(wǎng)頁設計提供了極大的便利。