如何在html中創建一個漂亮的內容表，如下所示

Question

任何人都可以看看這個，並猜測這個漂亮的toc是如何在HTML中創建的？

您認爲這是手工完成的，還是使用軟件來完成的？

http://diveintohtml5.info/table-of-contents.html

查看源代碼沒有給我太大的暗示。我是HTML中的新手。

Answer 1

這很簡單，他是使用li元素比覆蓋文本包裹在另一種元素，例如我是一個span這裏內包裝用白色背景

Demo

CSS虛線背景

li { 
    display: block; 
    background-image: url(http://diveintohtml5.info/i/dot.png); 
    background-repeat: repeat-x; 
    background-position: 0 10px; 
} 

li span { 
    background: white; 
    padding-right: 5px; 
}