在CSS中，我們常常需要將圖片顯示為正方形。這種情況下，我們可以通過設置圖片的寬度和高度為相等的值，使得圖片呈現出正方形的效果。

img {
width: 200px;
height: 200px;
}

當然，在設置圖片為正方形的同時，我們也需要注意一些不同情況下的實現方式。比如，當我們的圖片尺寸較大時，可能需要通過裁剪圖片來確保它展示為正方形。同時，我們也可以通過利用CSS的偽類實現自適應平面圖像大小和自動居中。

.square-image {
position: relative;
}
.square-image::before {
content: "";
display: block;
padding-top: 100%; /* 1:1 Aspect Ratio */
}
.square-image img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 100%;
height: auto;
margin: auto;
}

通過上述實現方式，我們可以很容易地為網頁添加美觀而且適當的正方形圖片。同時，我們也應該注意在實際項目應用中，根據具體需求進行調整，以獲得最佳的效果和用戶體驗。