CSS的網頁設計中，常常需要用到虛線來美化頁面，比如在表格、列表、邊框等地方。下面介紹幾種常用的CSS虛線的方法。

/* 方式一：border-style屬性 */
.dashed-border{
border: 1px dashed #999;
}

這種方式比較簡單，使用border-style屬性，設置為dashed即可，也可以設置其他值，比如dotted等。同時可以調整border-width屬性和border-color屬性，實現更多樣的虛線效果。

/* 方式二：background-image屬性 */
.dashed-background{
background-image: linear-gradient(to bottom, transparent 50%, #999 0, #999 66%, transparent 0); 
background-size: 3px 3px;
}

這種方式使用了background-image屬性，同時設置了線性漸變背景，并且使用background-size屬性設置每個小正方形的尺寸，實現虛線效果。其中，每個小正方形的顏色和大小可以自行調整。

/* 方式三：box-shadow屬性 */
.dashed-shadow{
box-shadow: 0 0 0 2px #999 inset; 
}

這種方式使用了box-shadow屬性，可以設置虛線的寬度、顏色、位置等。同時，將inset屬性設置為內陰影，可以緊貼邊框，實現更加美觀的虛線效果。