드림위버 ) 블릿 이미지 넣기

출처 : 실력이 탐나는 드림위버 CS5

문단에 들어가 있는 이미지들을 예전에는 하나하나 넣은거라고 생각했었는데
CSS를 보니까 목록 문단을 구성하는 각각의 목록 태그인 LI 태그에 배경이미지로 넣으면 되는것이었다.

이렇게 드림위버의 기본으로 되어 있는 문단에 블릿기호대신 이미지를 넣을 것이다.

먼저 'ul'의 padding과 margin을 0으로 해서 들여쓰기 되고 그런것들을 다 없애고

li의 배경으로 블릿이미지를 넣고 왼쪽을 10px padding을 준다.
그러면 아래와 같이 블릿 이미지가 들어간다.