在網頁設計中，圖片的展示和處理方式非常重要。其中處理圖片的CSS屬性也是不可或缺的一部分。本文將介紹如何使用CSS制作一個正方形的圖片。

.square-img{
width:50%;
padding-bottom:50%;
background-image:url('img.jpg');
background-size:cover;
}

代碼中的.square-img是定義了一個類名，我們將它應用于HTML中的圖片標簽。

接下來，我們使用padding-bottom屬性來設置圖片的高度大小，其大小等于寬度的50%。同時，使用background-image屬性定義了圖片來源，并且使用background-size: cover屬性以使圖片的大小適應盒子的大小。

通過這些CSS屬性，我們可以輕松地制作出一個正方形的圖片，可以更好地適應網頁布局。