티스토리 뷰


리스트 표현 방법
리스트는 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
<div class="websboot">
    <div class="h6">리스트는 이런식으로 표현됩니다.</div>
    <ul class="liststyle">
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
    </ul>
</div>

리스트가 2단 구조인 경우는 이렇게 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
    • 여기는 리스트 2단 구조입니다.
    • 여기는 리스트 2단 구조입니다.
    • 여기는 리스트 2단 구조입니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
<div class="websboot">
    <div class="h6">리스트가 2단 구조인 경우는 이렇게 표현됩니다.</div>
    <ul class="liststyle">
        <li>리스트 스티일은 이런식으로 표현됩니다.
            <ul>
            <li>여기는 리스트 2단 구조입니다.</li>
            <li>여기는 리스트 2단 구조입니다.</li>
            <li>여기는 리스트 2단 구조입니다.</li>
            </ul>
        </li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
    </ul>
</div>

리스트가 3단 구조인 경우는 이렇게 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
    • 여기는 리스트 2단 구조입니다.
      • 여기는 리스트 3단 구조입니다.
      • 여기는 리스트 3단 구조입니다.
      • 여기는 리스트 3단 구조입니다.
      • 여기는 리스트 3단 구조입니다.
    • 여기는 리스트 2단 구조입니다.
    • 여기는 리스트 2단 구조입니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
  • 리스트 스티일은 이런식으로 표현됩니다.
<div class="websboot">
    <div class="h6">리스트가 3단 구조인 경우는 이렇게 표현됩니다.</div>
    <ul class="liststyle">
        <li>리스트 스티일은 이런식으로 표현됩니다.
            <ul>
                <li>여기는 리스트 2단 구조입니다.
                    <ul>
                        <li>여기는 리스트 3단 구조입니다.</li>
                        <li>여기는 리스트 3단 구조입니다.</li>
                        <li>여기는 리스트 3단 구조입니다.</li>
                        <li>여기는 리스트 3단 구조입니다.</li>
                    </ul>
                </li>
                <li>여기는 리스트 2단 구조입니다.</li>
                <li>여기는 리스트 2단 구조입니다.</li>
            </ul>
        </li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
        <li>리스트 스티일은 이런식으로 표현됩니다.</li>
    </ul>
</div>
  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
댓글
Total
Today
Yesterday