正方形是一種美麗的圖形，可以很好的展示內(nèi)容。在網(wǎng)頁(yè)設(shè)計(jì)中，我們經(jīng)常需要使用正方形，而使用CSS可以很好的實(shí)現(xiàn)正方形效果。

.square {
width: 200px;
height: 200px;
background-color: #f00;
}

上面的CSS代碼實(shí)現(xiàn)了一個(gè)200px x 200px的紅色正方形。其中，width和height屬性可以控制正方形的大小，background-color屬性可以控制正方形的顏色。

另外，我們還可以使用CSS的偽類來(lái)實(shí)現(xiàn)鼠標(biāo)懸停時(shí)的動(dòng)態(tài)效果：

.square:hover {
background-color: #00f;
}

上面的代碼實(shí)現(xiàn)了鼠標(biāo)懸停時(shí)正方形的背景色變?yōu)樗{(lán)色。使用偽類可以很好的實(shí)現(xiàn)動(dòng)態(tài)效果，提高用戶的交互體驗(yàn)。

總的來(lái)說(shuō)，使用CSS可以很輕松地實(shí)現(xiàn)正方形效果，并且可以加入一些動(dòng)態(tài)效果，使網(wǎng)頁(yè)更加生動(dòng)。