CSS正方形項(xiàng)目是一個很有趣的項(xiàng)目，它的目標(biāo)是創(chuàng)建一個正方形的盒子，而且只使用CSS來實(shí)現(xiàn)。這個項(xiàng)目挑戰(zhàn)性較大，需要掌握一些CSS技巧。

.square {
width: 100%;
padding-top: 100%;
/* 這里的padding-top是為了保證寬高比為1:1 */
background-color: #f00;
/* 這里的背景色可以更改 */
}

代碼中，我們采用了padding-top的方式來固定盒子的高度，并保證其與寬度相等。同時，我們可以通過改變background-color來改變盒子的顏色。

實(shí)際應(yīng)用中，我們可以利用這個技巧來創(chuàng)建各種大小不同的正方形，比如說圖片的卡片，圖標(biāo)等等。

總之，CSS正方形項(xiàng)目是一個非常有趣的項(xiàng)目，它能夠幫助我們掌握一些常用的CSS技巧，同時也能夠提高我們的編程能力。