在網頁設計中，經常需要設置圖片的寬高相等，這可以讓網頁看起來更加美觀和規整。在CSS中，我們可以使用幾種方法來實現這個效果。

// 方法一：設置固定寬高
img {
width: 200px;
height: 200px;
}
// 方法二：設置寬度為百分比
img {
width: 50%;
padding-bottom: 50%;
}
// 方法三：使用flexbox布局
.container {
display: flex;
justify-content: center;
align-items: center;
}
img {
flex: 0 0 auto;
height: 100%;
}
// 方法四：使用object-fit屬性
img {
width: 200px;
height: 200px;
object-fit: cover;
}

以上四種方法都可以實現圖片的寬高相等，具體使用哪種方式取決于實際情況。如果你需要設置固定的寬高，可以使用第一種方法；如果你希望圖片寬高根據容器自適應，可以使用第二種方法；如果你需要使用flexbox布局，可以使用第三種方法；如果你希望圖片裁剪自適應容器，可以使用第四種方法。

總之，通過設置CSS屬性，我們可以輕松地實現圖片的寬高相等，讓網頁設計變得更加美觀和精致。