CSS中的圖片縱橫比是指一個圖片的寬高比例。通常情況下，它是指圖片的寬度和高度的比例。在Web設計中，圖片的縱橫比對于頁面的布局和美觀非常重要。

CSS中設置圖片的縱橫比可以使用一個叫做"padding-top"的技巧。這個技巧通過設置一個百分比的補白值，從而使容器元素保持固定的寬高比例。例如：

.image-container {
position: relative;
width: 100%;
padding-top: 75%; /* 4:3 Aspect Ratio */
}
.image-container img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}

在上面的例子中，一個名為".image-container"的元素被設定為100%的寬度并且使用75%的"padding-top"來保持一個4:3的縱橫比。".image-container"的子元素應該是一個元素，它被設定為100%的寬度和高度，并且使用"object-fit: cover"使圖片填充整個容器。

在實際應用中，需要根據不同的縱橫比設置不同的"padding-top"值。例如，如果要保持一個16:9的寬高比，"padding-top"值應該是56.25%。如果要保持一個3:1的寬高比，"padding-top"值應該是33.33%。

總的來說，在Web設計中，圖片的縱橫比是非常重要的。使用CSS中的"padding-top"技巧可以讓你快速而準確地設置圖片的縱橫比，從而為你的網站帶來更好的布局和視覺效果。