请问这个页面是如何实现的？

Question

---

截取自一个psd文件。
绿色的圈1 2 3如何制作呢？要切成三个小图吗？
这几个元素如何布局？

Answer 1

用div模拟圆很简单了，宽高一直，然后行高和高度一致，这样里面的数字就是垂直居中的，最后加个背景色和 border-radius:50%，一个圆就出来了

Answer 2

圆圈： div border-radius:50%

Answer 3

border-radius: 50%;
布局就div嵌套ul就好了啊

Answer 4

绿色的圆是我的话直接做成图片 给ie8以下浏览器好看一点
这可不是那种轮播图片的切换按钮，这是 带圈文字啊~~ie8一降级圆成方块了。。难看不难看
或者，用图片字体也行，在字体里做一个空心圆，上面放文字

Answer 5

1.div border-radius；
2.img
3.iconfont

Answer 6

border-radius属性