• ol序号并在序号加背景色


    <style type="text/css">

    .list {list-style-type: none;margin: 0;padding: 0 0 0 30px;}
    .list--ordered {counter-reset: list-counter;display: block;}
    .list--ordered .list__item::before {
    background: #ccc;
    color: white;
    content: counter(list-counter);
    counter-increment: list-counter;
    display: block;
    height:20px;
    left: 0;
    line-height:22px;
    position: absolute;
    text-align: center;
    20px;
    }
    </style>

    <ol class="list list--ordered">
    <li class="list__item">Widget learns and understands your vision.</li>
    <li class="list__item">Widget partners with you to move your product from concept to detailed plan and specifications.</li>
    <li class="list__item">Widget begins the search for your best sourcing option - auditing and vetting suppliers to meet pre qualification and well-defined standards.</li>
    <li class="list__item">Widget shares sourcing options, procurement process, quality concerns and pricing.</li>
    <li class="list__item">Widget’s sample/prototyping process begins. The sample lead time is determined your unique product.</li>
    <li class="list__item">Widget has a physical presence - serving as your representative - at the chosen manufacturer’s facility.</li>
    <li class="list__item">Widget performs pre, mid, and post quality control inspection.</li>
    <li class="list__item">Widget performs final pre-shipment inspections on-site.</li>
    <li class="list__item">Widget manages the logistics of delivering products from the manufacturer to your door - wherever you may be.</li>
    <li class="list__item">Widget follows-up with you to ensure your complete satisfaction!</li>
    </ol>

  • 相关阅读:
    [BFS][51nod]1649 齐头并进
    [最短路] [洛谷] P1629 邮递员送信
    [HDUOJ] 1233 还是畅通工程
    [HDUOJ] 1873 看病要排队
    [树直径] [POJ] CowMarathon
    [暴搜] 树直径
    [模板] 最小生成树
    [洛谷] P1276 校门外的树(增强版)
    1140 Look-and-say Sequence (20 分)
    string与char数组互相转换(一)
  • 原文地址:https://www.cnblogs.com/ince/p/10739011.html
Copyright © 2020-2023  润新知