css纵向标尺如何制作

今天我的一位朋友不会写纵向标尺，我就帮忙了一下忙，现在整理出来了，但是没有前边的数字值，还望各位包涵。

   ul {  
        list-style: none;  
    }  

        ul  .right1 {  
            position: relative;  
            width: 10px;  
            height: 8px;  
            border-bottom: 1px solid gray;  
            border-left: 1px solid transparent;  
        }
        ul .left1 {  
            position: relative;  
            width: 10px;  
            height: 8px;  
            border-bottom: 1px solid gray;  
            border-right: 1px solid gray;  
        }  
        ul .right11 {  
            /*position: relative;  */
            width: 10px;  
            margin-left: 10px;            
            margin-top: -1px;            
            /*height: 20px;  */
            border-bottom: 1px solid gray;  
            /*border-right: 1px solid gray;  */
        }
        .miright11 {  
            /*position: relative;  */
            width: 5px;  
            margin-left: 10px;            
            margin-top: -1px;            
            /*height: 20px;  */
            border-bottom: 1px solid gray;  
            /*border-right: 1px solid gray;  */
        }
        .mileft1 {  
            /*position: relative;  */
            width: 5px;  
            height: 8px;  
            margin-left: 5px;            
            border-bottom: 1px solid gray;  
            border-right: 1px solid gray;  
        }
        /*ul > li:before{
            content:'1';
        }*/

            ul > li + li {  
                border-left-color: gray;  
            }  

            ul > li > b {  
                display: block;  
                position: absolute;  
                height: 20px;  
                line-height: 20px;  
                margin-left: 20px;  
                margin-top: 10px;  
            }
           /* ul li:before{
                content:"1";
            }*/

效果图：

易优cms汽车车辆租赁源码1.7.2

由于疫情等原因大家都开始习惯了通过互联网上租车服务的信息多方面，且获取方式简便，不管是婚庆用车、旅游租车、还是短租等租车业务。越来越多租车企业都开始主动把租车业务推向给潜在需求客户，所以如何设计一个租车网站，以便在同行中脱颖而出就重要了，易优cms针对租车行业市场需求、目标客户、盈利模式等，进行策划、设计、制作，建设一个符合用户与搜索引擎需求的租车网站源码。 网站首页

下载