<html>
<head>
<style type="text/css">
ul
{
list-style-image: url('arrow.gif')
}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
리스트 인덴트 위치
<html>
<head>
<style type="text/css">
ul.inside
{
list-style-position: inside
}
ul.outside
{
list-style-position: outside
}
</style>
</head>
<body>
<p>This list has a list-style-position with a value of "inside":</p>
<ul class="inside">
<li>Earl Grey Tea - A fine black tea</li>
<li>Jasmine Tea - A fabulous "all purpose" tea</li>
<li>Honeybush Tea - A super fruity delight tea</li>
</ul>
<p>This list has a list-style-position with a value of "outside":</p>
<ul class="outside">
<li>Earl Grey Tea - A fine black tea</li>
<li>Jasmine Tea - A fabulous "all purpose" tea</li>
<li>Honeybush Tea - A super fruity delight tea</li>
</ul>
</body>
</html>
한꺼번에 기입
<html>
<head>
<style type="text/css">
ul
{
list-style: square inside url('arrow.gif')
}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
'#Works > 스크립트,CSS,HTML' 카테고리의 다른 글
| float clear하는 4가지 방법 (0) | 2009.06.17 |
|---|---|
| CSS할때 난감했던 부분정리.. (0) | 2009.06.16 |
| movieclip 경로문제 (0) | 2007.10.23 |
| 플래쉬 exe로 만들때 loadmovie 문제.. (0) | 2007.10.23 |
| 플래쉬 액션스크립트 모음집 (0) | 2007.02.05 |