Coding 之路,不由分說 .Net,MVC,jQuery

9三月/120

使用 CSS 來做階層清單

Google PageRank查詢

前言

前陣子客戶希望清單可以像 Word 有階層,一開始我還說不可以,後來花了點時間尋找,發現原來只需要靠 CSS 就可以完成啦!只是因為不支援 IE6 和 IE7 只好找別的方式囉!不過如果不需要支援 IE6 和 IE7 的話,可以考慮使用這種方式來做喔!

說明

首先先準備好我們要呈現階層的清單 HTML

接下來就是 CSS

如此一來就可以看到呈現的結果就有階層囉!

線上範例

結論

其實還蠻簡單就可以達成階層清單,只是因為瀏覽器支援度的關係,可能實用度還不是很高,但是對我來說還是一個有趣的作法,也才知道原來靠 CSS 還是可以達到這樣的效果。

參考資料

Generated content, automatic numbering, and lists

回覆 (0) 引用 (0)

還沒有回覆。


Leave a comment

目前沒有人引用這篇文章。