使用边框图像的特定间距的虚线

Question

我想/需要一个1px厚度和点状外观的边框，其中图案是x-o-o-x-o-o等（点，不，不，点......） 这必须使用边界图像IIRC来完成，但我疯狂地尝试创建图像并使用CSS语句正确应用它。 任何人都可以给我一个暗示如何制定两者的方法吗？

谢谢，最好！

Answer 1

我可以通过在角落和两侧的中间制作带点的7x7图像来实现它。像这样。

然后可以通过制作2px边框来均匀间隔，以便元素的角和边各使用一个点（参见标记切片是如何完成的）。所以css就像是

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