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>