Re: [問題] 如何用CSS作出類似書本的目錄頁?

[adamp3 (Boston's 10th Man.)]

http://jsfiddle.net/adamp3/GVd6Q/

搞定了

用pseudo class搭配border-style就可以做出無圖片的效果 無js

要幾行都沒問題 :)


當然IE8以前不支援:after, :before，所以就不管它XD


※ 引述《jimshsu (jims)》之銘言：
: 使用word的自動目錄功能,可以做出
: 1.標題............................2
: 想請問各位,如果要用CSS製作,有辦法作可以自行換行嗎?
: 例如
: 1. Propodi of maxillipeds 3–4 ovate, usually longer than
: broad, without distal ribbing............................... 2
: 我上網找到方法,但只能做到單行的部分,而且我底色跟"."必須配合
: 因為對CSS還沒有很熟~上想不出如何改進
: 所以請教版眾是否有類似經驗?
: http://www.sohtanaka.com/web-design/table-of-contents-style-layout-with-css

--

http://www.flickr.com/photos/adamp3/sets/

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.45.186.169
→ andrew43:標題剛好吃滿整個行時，但有小問題。
→ andrew43:標題剛好吃滿整個行時，會有小問題。
→ adamp3:ok 修正了!
→ andrew43:厲害.
→ Isacat:多謝分享...總算知道原來content可以這樣用!!!
推 Rplus:帥氣~
推 huge:你真的很愛jsfiddle XD
→ adamp3:jsfiddle好用 一目了然啊 還有語法highlighted
推 hit1205:可以考慮把 :after 和 :before 倒過來，這樣就不需要設定
→ hit1205:z-index 了 =)