DIV CSS 佈局教程網

    最近，這種菜單好象很流行，不少網站都有了，這個菜單可以節約有限的空間，很有價值，經常設計中要用到，今天有Fireworks 的初學者，來問怎麼做這種菜單，所以順手做了一下，其實這樣的菜單不復雜，無非是漸變的填充，用 fireworks 強大的交互式填充工具來制作，那簡直是手到擒來。另外矢量化修改，也很方便，所以 Fireworks 非常適合 web 設計創作。

　　第一步，做底條，注意邊框顏色和漸變設置

　　第二步、做菜單條。其實就是復制一下底條，調整長寬和填充。

　　第三步、做菜單條的突出效果。復制菜單條，去掉邊框色，調整一下漸變。考慮到還有缺口顯示，所以要做長一些，把深顏色加強。