 <!DOCTYPE html>
<html>
<head>
<style>
body{background: #FAED7D;}
h2{color:#997000;}

ul.ls{
list-style:square inside url("check.png");}

ul.lst{
list-style-type:lower-greek;}

ul.lsp{
list-style-position:outside;}

ol.lsi{
list-style-image:url("check.png");}

</style>
</head>

<body>
 

<h2>list-style 속성</h2>
<ul class="ls">
 <li> 영어</li>
 <li>음악</li>
 <li>수학</li>
 <li>과학</li>
</ul>


 
<h2>list-style-type 속성</h2>
<ul class="lst">
 <li>명사</li>
 <li>형용사</li>
 <li>동사</li>
 <li>부사</li>
</ul>


<h2>list-style-position 속성</h2>
<ul class="lsp">
 <li>명사</li>
 <li>형용사</li>
 <li>동사</li>
 <li>부사</li>
</ul>


<h2>list-style-image 속성</h2>
<ol class="lsi">
 <li>명사</li>
 <li>형용사</li>
 <li>동사</li>
 <li>부사</li>
</ol>

</body>
</html>