list-style-1
ul 적용
<ul class="list-style-1"> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> </ul>
결과화면
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
ol 적용
<ol class="list-style-1"> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> </ol>
결과화면
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
list-style-2
ul 적용
<ul class="list-style-2"> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> </ul>
결과화면
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
ol 적용
<ol class="list-style-2"> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> </ol>
결과화면
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
list-style-3
ul 적용
<ul class="list-style-3"> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> </ul>
결과화면
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
ol 적용
<ol class="list-style-3"> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> </ol>
결과화면
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
list-style-4
ul 적용
<ul class="list-style-4"> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> </ul>
결과화면
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
- 순서가 없는 목록을 입력할 때 사용됩니다.
ol 적용
<ol class="list-style-4"> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> <li>순서가 있는 목록을 입력할 때 사용됩니다.</li> </ol>
결과화면
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
- 순서가 있는 목록을 입력할 때 사용됩니다.
list-style-5
코드
<ul class="list-style-5"> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> </ul>
list-style-6
코드
<ul class="list-style-6"> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> <li>순서가 없는 목록을 입력할 때 사용됩니다.</li> </ul>
list-style-7
코드
<ul class="list-style-7"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>