不想切整张图片，只把两个小球单独切出来，因为小球有闪动的效果。用了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分层试试