html로 좋은 표를 만드는 방법

Question

누구든지 이걸보고 HTML에서이 멋진 toc가 어떻게 만들어 졌는지를 짐작할 수 있습니까?

손으로 처리했다고 생각하거나 소프트웨어로 만들었다 고 생각하십니까?

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

소스보기는 힌트의 나를 많이 포기하지 않았다. 나는 HTML로 초보자입니다.

Answer 1

그것은 간단하다, 그는 내가 흰색 배경

Demo

CSS로 여기 span 내부 포장하고있어, 예를 들어 다른 요소에 싸여 텍스트로 덮여보다 li 요소의 점선 배경을 사용하고 있습니다

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; 
}