0
  • 0
  • >웹 프론트엔드 >CSS 튜토리얼 >CSS 세로 눈금자를 만드는 방법

    CSS 세로 눈금자를 만드는 방법

    一个新手
    一个新手원래의
    2017-09-18 09:38:592598검색


    오늘은 세로자를 못쓰는 친구가 있어서 도와드렸습니다. 이제 정리했는데 앞에 숫자가 없으니 양해해주시길 바랍니다.

        <body>
            <p>
                <!-- <ul>  
                <li class="right1"><b>0</b></li>  
                <li class="right1"><b>1</b></li>  
                <li class="right1"><b>2</b></li>  
                <li class="right1"><b>3</b></li>  
                <li class="right1"><b>4</b></li>  
            </ul> -->
            <ul>  
                <li class="left1">
                    <li class="right11">
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                    </li>
                </li>  
                <li class="left1">
                    <li class="right11">
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                    </li>
                </li>  
                <li class="left1">
                    <li class="right11">
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                    </li>
                </li>
                <!-- <dl class="font">1000</dl> -->
                <li class="left1">
                    <li class="right11">
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                    </li>
                </li>
                <li class="left1">
                    <li class="right11"></li></li>
                <!-- <li class="left1">
                    <li class="right11">
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                        <li class="mileft1">
                            <li class="miright11"></li>
                        </li>
                    </li>
                </li>   -->
            </ul>       
            </p> 
    
        </body>  <link rel="stylesheet" type="text/css" href="style.css">
    rrree

    렌더링:
    CSS 세로 눈금자를 만드는 방법

    위 내용은 CSS 세로 눈금자를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.