不想切整张图片，只把两个小球单独切出来，因为小球有闪动的效果。用了border-radius: 50%;画出一个圆，但border-image的小球仍然已正方形来排列。
border-radius: 50%;
border-image
代码放在jsbin上http://jsbin.com/redolerota/1/edit?html,...
认证0级讲师
示範
用 CSS 畫就可以哩~https://jsbin.com/vozetu/
圓底和小球邊框分成兩層，小球邊框那一層用:after,罩在上面不就行了，可以不用border-image。 。 。
並不能，老實實用圖片就是了，哪裡搞這麼多東西
border-image好像不支援圓角，或是可以試試canvas繪圖
canvas畫出來
z-index分層試試
示範
用 CSS 畫就可以哩~
https://jsbin.com/vozetu/
圓底和小球邊框分成兩層，小球邊框那一層用:after,罩在上面不就行了，可以不用border-image。 。 。
並不能，老實實用圖片就是了，哪裡搞這麼多東西
border-image好像不支援圓角，或是可以試試canvas繪圖
canvas畫出來
z-index分層試試