在網頁設計中，圖片是不可或缺的元素。當我們使用圖片時，為了讓網頁看起來更美觀，在設置圖片的尺寸時，往往需要考慮圖片的寬度和高度。而在一些特殊情況下，我們可能需要讓圖片的寬度等于高度，這時候我們可以使用CSS來實現。

在CSS中，我們可以使用“width”和“height”屬性來設置圖片的寬度和高度。當我們將這兩個屬性同時設置為同一個值時，即可實現圖片寬度等于高度的效果。例如：

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

在上面的例子中，我們將圖片的寬度和高度都設置為200像素，因此這張圖片的寬度和高度將相等。

除了使用“width”和“height”屬性之外，我們還可以使用CSS3中的“aspect-ratio”屬性來實現圖片寬度與高度相等的效果。當我們將“aspect-ratio”屬性的值設置為“1/1”時，即可實現這種效果。例如：

img {
aspect-ratio: 1/1;
}

需要注意的是，“aspect-ratio”屬性是CSS3中的新屬性，在一些老版本的瀏覽器中可能不被支持。

綜上所述，當我們需要讓圖片的寬度等于高度時，可以使用CSS中的“width”和“height”屬性，或者使用CSS3中的“aspect-ratio”屬性來實現。無論使用哪種方法，都能夠輕松實現這種效果。