如何僅使用CSS製作分頁的滑塊圈？

Question

我使用一個滑塊，我需要做分頁這樣的：

我將使用這個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/