<html>
<head>
<style>
.disc{list-style-type:disc;}
.deci{list-style-type:deci;}
.incircle{list-style-type:circle;list-style-position:inside;}
</style>
<body>
<h1>목록 속성 설정 </h1>
list-style-type에 넣을수 있는것<br>
none(지정하지않음)<br>
disc(검은원)<br>
circle(원형)<br>
square(사각형)<br>
upper-alpha(대문자 알파벳)<br>
lower-alpha(소문자 알파벳)<br>
decimal(1부터 시작하는 수)<br>
upper-roman(대문자 로마자)<br>
lower-roman(소문자 로마자)<br>
.disc{list-style-type:disc;}<br>
<ul class="disc">
<li>수박
<li>사과
<li>딸기
</ul>
.deci{list-style-type:deci;}<br>
<ol class="deci">
<li>장미
<li>튤립
<li class="incircle">민들레
</ol>
list-style-type 옵션.<br>
list-style-image:url(...) : 그림목록<br>
list-style-position : 목록의 들여/내어쓰기 inside(들여쓰기),outside(내어쓰기<br>
.incircle{list-style-type:circle;list-style-position:inside;} <br>
<ul style="list-style-image:url(../html/image/bt_cancel.gif)">
<li>하나
<li>둘
<li>셋
</ul>
</body>
</html>
