首页 > 其他分享 >定位写竖线

定位写竖线

时间:2022-12-23 19:11:56浏览次数:36  
标签:DAE7F9 定位 竖线 color top 边框 font size

 .grid {
            position: relative;

            &:first-child::before {
                content: '';
                width: 1px; //边框宽度
                height: 100px; //边框长度
                position: absolute;
                right: 0; //设置为右边框
                top: 10px; //在距离顶部88px的地方开始绘制边框
                background-color: #DAE7F9; //边框的颜色
            }

            width: 180px;

            border-bottom: 1px solid #DAE7F9;
            text-align: center;

            .number {
                margin-top: 10px;
                color: #2570F2;
                font-weight: 600;
                font-size: 16px;

            }

            .desc {
                font-size: 14px;
                color: #909399;
            }
        }
    }
}

  

 

标签:DAE7F9,定位,竖线,color,top,边框,font,size
From: https://www.cnblogs.com/alipapa/p/17001346.html

相关文章