的背景位置：
background-position: "厘米刻度位置", (.5cm + 1.5px) 100%;效果如下：
4. 毫米刻度
步骤也跟上面一致：
background-image: "厘米刻度背景", "半厘米刻度背景", repeating-linear-gradient(90deg, $color-main 0, $color-main 1px, transparent 0, transparent .1cm);
background-size: "厘米刻度大小", "半厘米刻度大小", calc(100% - 1.2cm) 10px; // 高度为10px
background-position: "厘米刻度位置", "半厘米刻度位置", calc(.5cm + 2px) 100%; // 裁剪背景效果如下：
5. 数字
在盒子里面放
0-15数字：
<div class="ruler">
<span>0-15</span>
</div>样式增加如下即可：
.ruler {
display: flex;
justify-content: space-between; span {
flex: 1;
margin-top: 55px;
text-align: center;
}
}
效果如下：
codepen地址：css刻度尺洗剪吹
相似的案例还有螺纹进度条，由于是一样的，所以只放一个啦，托尼老师洗剪吹店门前那个彩带也还行哈哈：
codepen地址：css洗剪吹最后
哈哈哈，不知道说啥，刻度尺没啥用，但是很有趣，不是吗 ❗
