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;
width: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>
最新文章
- python中文乱码问题
- jQuery不支持hashchange事件?
- 【mongodb】 需求
- Application、Session、Cookie、ViewState的特性
- 纯CSS完美实现垂直水平居中的6种方式
- IAR 编译错解决Error[e16]: Segment NEAR_Z (size: 0x16d align: 0) is too long for segment definition. At least 0x83 more bytes needed.
- Findbugs初探-使用idea获取findbugs插件
- Oracle11g R2学习系列 之二基本概念和环境介绍
- c#Winform程序的toolStripButton自己定义背景应用演示样例源代码
- 屏蔽电信流氓广告造成的诡异的问题--Android WebView 长时间不能载入页面
- 机器学习模型 bias 和 variance 的直观判断
- Java-byte[]与16进制字符串互转
- git 本地提交代码到 github 远程库,没有弹框 github login
- python入门学习:2.列表简介
- 200. Number of Islands(DFS)
- pip使用豆瓣的镜像源
- vue query或params传参
- 04-python-闭包
- Cisco交换机端口聚合(EtherChannel)
- BZOJ1012最大数 [JSOI2008] 单调栈+二分