不想切整张图片，只把两个小球单独切出来，因为小球有闪动的效果。用了border-radius: 50%;画出一个圆，但border-image的小球仍然已正方形来排列。
border-radius: 50%;
border-image
代码放在jsbin上http://jsbin.com/redolerota/1/edit?html,...
认证0级讲师
demo
用 CSS 畫就可以哩~https://jsbin.com/vozetu/
圆底和小球边框分成两层，小球边框那一层用:after,罩在上面不就行了，可以不用border-image。。。
并不能，老老实实用图片就是了，哪里搞这么多东西
border-image好像不支持圆角，或者可以试试canvas绘图
canvas画出来
z-index分层试试
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
demo
用 CSS 畫就可以哩~
https://jsbin.com/vozetu/
圆底和小球边框分成两层，小球边框那一层用:after,罩在上面不就行了，可以不用border-image。。。
并不能，老老实实用图片就是了，哪里搞这么多东西
border-image好像不支持圆角，或者可以试试canvas绘图
canvas画出来
z-index分层试试