如何使用CSS制作分页的滑块圈？

Question

我正在使用Slider，我需要像这样做分页：

我将使用CSS精灵图像，但我很想知道是否可以使用CSS3并且不使用图像

我想用于此的HTML包括：

<ol id="pagination">
<li><a href="#slide1" class="active">1</a></li>
<li><a href="#slide2">2</a></li>
<li><a href="#slide3">3</a></li>
<li><a href="#slide4">4</a></li>
<li><a href="#slide5">5</a></li>
</ol>

http://jsfiddle.net/danVW/

Answer 1

http://jsfiddle.net/9YTwk/1/

我想，这就是你要找的东西。当然，必须稍微修改CSS以获得渐变/阴影。

//已编辑，以使其更具外观：http://jsfiddle.net/9YTwk/4/