在 CSS 中，我們可以使用寬度和高度屬性來設置圖片的大小。但是，如果我們想要控制圖片的寬高比例，該怎么做呢？

為了實現這個目標，我們可以使用 Padding Top 或 Padding Bottom 屬性。具體的做法是：

.image-container {
position: relative;
padding-bottom: 56.25%; /* 設置圖片的高度為寬度的 16:9 比例 */
}
.image {
position: absolute; /* 絕對定位 */
top: 0;
left: 0;
width: 100%; /* 設置圖片寬度為 100% */
height: 100%; /* 設置圖片高度為 100% */
}

在上面的代碼中，我們首先為圖片容器（.image-container）設置一個 padding-bottom 屬性，值為 56.25%。這是因為，如果我們要控制圖片的比例為 16:9，那么圖片的高度應該是寬度的 56.25%。

然后，我們為圖片（.image）添加了絕對定位，并設置 top 和 left 屬性為 0，即將圖片放置在容器的左上角。此外，我們還為圖片的寬度和高度屬性分別設置了 100%。這樣，圖片就可以充滿整個容器，并保持 16:9 的寬高比例。

總的來說， Padding Top 或 Padding Bottom 屬性是實現設置圖片寬高比的一種有效方法。讓我們嘗試使用這種方法來布局一些美觀的圖片吧！