Blog Content

    티스토리 뷰

    20.CSS - 리스트(목록)관련 스타일

    반응형
    'XHTML'에서 사용된 리스트(목록)관련 스타일을 'CSS2.0'로  작상하는 예제입니다.

    CSS 문법

    예제1
          <ol style="margin-left:0px;">
              <li>C#</li>
              <li>ASP.NET</li>

              <li>Silverlight</li>
          </ol>
    예제2
    <ol style="margin-left:25px;list-style-type:disc;
                   list-style-position:outside;
         list-style-image:url('이미지경로');">
        <li>C#</li>
        <li>ASP.NET</li>

        <li>Silverlight</li>
    </ol>


    CSS 문법에서는 들여쓰기 조절이 가능합니다.
    <ol style="margin-left:'픽셀값';">



    다음 CSS 문법으로 블릿기호 변경이 가능합니다.
    <ol style="list-style-image:url('아이콘/이미지 경로지정');">

    
    반응형

    Comments