定位写竖线

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
.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;
            }
        }
    }
}

  

 

posted @   林逸夫  阅读(21)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示