如何在这个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;
}