zoukankan      html  css  js  c++  java
  • 使用css写word目录的结构

    html

    <ul>
            <li>
                <div class="list-nap">哈哈哈哈哈</div>
                <div class="list-line"></div>
                <div class="list-img">
                    嘻嘻
                </div>
            </li>
            <li>
                <div class="list-nap">哈哈哈哈哈</div>
                <div class="list-line"></div>
                <div class="list-img">
                    嘻嘻
                </div>
            </li>
            <li>
                <div class="list-nap">哈哈哈哈哈</div>
                <div class="list-line"></div>
                <div class="list-img">
                    嘻嘻
                </div>
            </li>
        </ul>

    css

    ul li{
                position: relative;
                line-height: 40px;
                list-style: none;
            }
            .list-nap{
                margin-right: 10px;
                font-size: 16px;
                line-height: 36px;
                color: #000;
                display:inline-block;
            }
            .list-line{
                border: 1px dashed #006cc0;
                top:11px;
                margin-top: 10px;
                 75%;
                display:inline-block;
            }
            .list-img{
                position: absolute;
                right: 0px;
                top: 14px;
                z-index: 100;
                 50px;
                height: 20px;
                background: #000419;
                padding: 0 6px;
                display:inline-block;
                color: #fff;
                font-size: 14px;
                text-align: right;
            }

  • 相关阅读:
    浅谈线段树
    浅谈KMP
    20200729线上模拟题解
    20200727线上模拟题解
    声明
    tarjan--割点,缩点
    20201029模拟
    高精模板
    二分图--二分图的几种模型
    树的直径与树的重心
  • 原文地址:https://www.cnblogs.com/xiaolanschool/p/11348398.html
Copyright © 2011-2022 走看看