如何用css定義虛線間隔？

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

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區(qū)域受到水平方向效果影響，如果是repeat則此區(qū)域圖片會(huì)水平重復(fù)，如果是round則會(huì)水平平鋪，責(zé)任stretch則被水平拉升。而我們?cè)O(shè)置虛線，則選擇repeat/round都可以。