/*점선을 그냥 선으로 표시하고 싶을때는 line2를 line1으로 수정해서 씀*/
.line1 {border:0; background:; background:url(dot.gif) repeat-x bottom;
이부분은 말입니다.

background:url(dot.gif) ---> dot.gif란 작은 그림 즉, 점을 표현하기 위해서 불러 오는것이죠.
다시 말해 자신이 점을 표현할수 있는 dof.gif란 그림을 미리 원하는 장소에 보통 images란 그림 파일 폴더에 업로드 한뒤에 스타일시트가 찾아서 점을 표현한다는 말입니다.
만약에 스타일시트는 저런식으로 점을 표현하도록 했지만 본인이 dot.gif란 파일이 없으면 먹통이 되겠죠
다시 말해서요..
background:url(dot.gif) 이부분을 예를 든다면 도트란 그림 파일이 본인의 images란 폴더안에 있다고 가정하면
background:url(http://본인의홈주소/images/dot.gif) 이런식으로 표현해야 합니다.

이부분은요..

height:1px}
.line2 {background-color:#2D2D2D; padding:0}

백그라운드 색이 #2d2d2d이며 픽셀 단위가 1픽셀이란 소리죠..
다시 말해 이건 점이 아니라 줄로 표현하란 뜻입니다.