在我們進行頁面布局時，經常需要對圖片進行樣式調整，使圖片達到我們想要的效果。其中，有一種常見的情況就是把圖片調整為正方形。本文就來介紹一下如何用CSS來實現這一效果。

首先，我們可以使用寬高相等的方式使圖片成為正方形。具體代碼如下：

.square-img {
width: 200px;
height: 200px;
}

然而，這時候，如果圖片本身的尺寸比200x200px大或小，就會被拉伸或壓縮，從而失真。為了避免這種情況，我們可以使用object-fit屬性來設置對象適應容器的方式。

具體代碼如下：

.square-img {
width: 200px;
height: 200px;
object-fit: cover;
}

在這個代碼塊中，我們將寬高同時設置為200px，并對它們應用了object-fit: cover屬性。這個屬性的作用是使圖片完全填充父容器，并保持原圖比例的同時，裁剪超出部分，實現從而實現自適應容器的效果。

總之，在對圖片進行布局時，如果想要讓圖片呈現正方形，可以參考以上兩種方式，具體選擇取決于實際情況。