title: [網頁程式] 輕鬆製作網頁選單-CSS Tab Designer

---

**Category**

- [網路相關](https://www.soft4fun.net/category/software/internet)

**Tag**

- [CSS](https://www.soft4fun.net/tag/css)
- [網站設計](https://www.soft4fun.net/tag/%e7%b6%b2%e7%ab%99%e8%a8%ad%e8%a8%88)
- [網頁選單](https://www.soft4fun.net/tag/%e7%b6%b2%e9%a0%81%e9%81%b8%e5%96%ae)
- [網頁配色](https://www.soft4fun.net/tag/%e7%b6%b2%e9%a0%81%e9%85%8d%e8%89%b2)

**圖片清單**

- ![[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-1](http://www.highdots.com/css-list/images/th_csstab2-1.png "[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-1")
- ![[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-2](http://www.highdots.com/css-list/images/th_csstab2-2.png "[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-2")

---

上次介紹一堆[網頁配色器](http://blog.onlyone.idv.tw/article.asp?id=714)  
 以後，好久沒有介紹小東西了…這次就來介紹一個小玩意－CSS Tab Designer好了。  
 CSS Tab Designer這個小程式內建了60種的選單樣板，設定好選項及連結以後，程式就會替你產生好HTML及CSS，操作方式非常的簡單(但功能也只有這樣 = =)，設計完成後可以輸出到不同的瀏覽器進行預覽(前提是要有安裝)。另外，產生出來的code是符合XHTML的，所以在不同的瀏覽器下都能正常運作。  
 [![[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-1](http://www.highdots.com/css-list/images/th_csstab2-1.png "[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-1")](http://www.highdots.com/css-list/images/csstab2-1.png)

 

[![[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-2](http://www.highdots.com/css-list/images/th_csstab2-2.png "[網頁程式] 輕鬆製作網頁選單-CSS Tab Designer th_csstab2-2")](http://www.highdots.com/css-list/images/csstab2-2.png)  
 這個工具有個缺點：只能製作一階層的選單，也就是說要製作2層以上的多層次選單，這個工具就沒辦法達成了(太陽春也是種過錯!)。往好處想，因為產生出來的XHTML架構非常的簡單，在網路上也找得到相當多的多層次選單範例，所以要套用上去也不是一件難事。  
 所以，基本上這個玩意也是獻給對美工and色彩感不怎麼優質的人(ex:我)用的，換句話說呢，這個工具是讓色彩白痴(ex:還是我)的人有個”起頭”，至少人家樣板幫你配色好了，要製作多層選單的話….依樣畫葫蘆總會吧！  
 下載網址：  
 [http://www.highdots.com/css-list/](http://www.highdots.com/css-list/)

          

全文同步刊登於「[我的世界‧我的天](http://blog.onlyone.idv.tw)」