以相反的顺序呈现HTML元素

Question

我的导航应该模仿带有书签的经典笔记本的外观。问题是HTML以最后一个元素（书签）呈现在倒数第二个之上的方式呈现它，依此类推，所以它看起来不自然。有什么方法（除了将每个书签指定为z-index）？谢谢

<div class="nav_button">Wall</div>
<div class="nav_button">Guidelines</div>
<div class="nav_button">Ref</div>

http://img856.imageshack.us/img856/2121/notebookbookmarks.jpg（不受欢迎的效果）

Answer 1

到目前为止，没有其他方法可以使用好的'z-indexing

Answer 2

或者使用像这样的图像并将其放置在元素的底部：

http://i.minus.com/ibivyqVAVLqnQt.jpg

然后使用替代图像作为第一个＆amp;最后一个孩子。