在網頁設計中，圖片的高度和寬度一致是一種非常常見的設計風格。這使用 CSS 可以輕松實現。在本文中，我們將介紹如何使用 CSS 控制圖片的高度和寬度。

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

如上所示，我們可以使用 CSS 中的width和height屬性控制圖片的大小，使其高度和寬度一致。在這個例子中，我們將圖片的寬度和高度設置為 100 像素。

當然，在實際使用中，你可以自由地修改這些值，使它們適合你的網站設計。

此外，你也可以通過 CSS 設置圖片的最大寬度和最大高度，以確保圖片大小不超過指定的大小。下面是一個示例：

img {
max-width: 100%;
max-height: 100%;
}

在這個例子中，我們將圖片的最大寬度和最大高度設置為其所在容器的大小，這意味著圖片將不會超出其容器的大小。

總結來說，使用 CSS 控制圖片的高度和寬度一致是一種非常有效的網頁設計技巧。通過簡單修改width和height屬性，你可以輕松控制圖片的大小，使其充滿你的網站設計。