CSS中的虛線比例是指虛線的線段和空白段之間的比例關系。在CSS中，我們可以用border-style屬性設置邊框的樣式，其中虛線樣式可以通過border-style: dotted或border-style: dashed來實現。虛線比例可以通過border-style: dashed樣式的border-dasharray屬性來調整。

.element {
border: 1px dashed #000;
border-dasharray: 5 2;  /* 虛線比例設置為5:2 */
}

上面的代碼中，border-dasharray屬性的值為“5 2”，其中第一個值5代表虛線線段的長度，第二個值2代表虛線空白段的長度。虛線比例的調整可以根據實際需要，將這兩個值進行適當的調整。比如設置border-dasharray: 8 4;就可以將虛線比例設置為8:4。

需要注意的是，在一些舊版瀏覽器中，并不支持border-dasharray屬性。這時候，我們可以通過偽元素和background屬性來實現虛線效果。

.element {
position: relative;
padding: 5px;
}
.element:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px dotted #000;
box-sizing: border-box;
padding: 5px;
z-index: -1;
background: white;
}

以上代碼就是通過偽元素:before來創建了一個位置重疊的虛線框。其中，border樣式用于描繪虛線，padding用于控制虛線距離實邊框的距離，background用于覆蓋虛線區域內的內容。