如何用css定義虛線間隔？

在正式繪制邊框前，我們先認識一下CSS3 border-image-slice 屬性，它可以將border-image-source獲取的邊框背景圖片切割為9份。語法如下：

border-image:border-image-source slice-width{1,4}

slice-width的值可以是具體像素，也可以是百分比。切割后的圖片塊分別是

border-top-left-image border-top-image border-top-right-image

border-left-image border-right-image

border-bottom-left-image border-bottom-image border-bottom-right-image

其中，border-top-image和border-bottom-image區域受到水平方向效果影響，如果是repeat則此區域圖片會水平重復，如果是round則會水平平鋪，責任stretch則被水平拉升。而我們設置虛線，則選擇repeat/round都可以。