使用邊框圖像的具有特定間距的虛線

Question

我想要/需要具有1px厚度和虛線外觀的邊框，其中圖案是xooxoo等（點，不是，不是，點...） 這有要用邊界圖像IIRC完成，但我瘋了試圖創建圖像並使用CSS語句正確應用它。 任何人都可以給我一個提示如何佈局？

謝謝，最好！

Answer 1

我可以通過在角落和兩側的中點製作一張7x7的圖像來讓它工作。喜歡這個。

，然後他們可以通過使2px的邊框，使得元件的四個角和兩側各用一個點（見標記切片是如何完成的）間隔均勻。所以這個CSS就像

border:2px solid transparent; 
border-image: url(7x7.png) 2 2 round;