css画箭头图标放标题前面,旋转,border的单个边框设置

CSS边框属性_css border dotted_小张biubiu的博客-CSDN博客

你还不知道css的旋转效果怎么实现?来这里看看吧_css旋转效果_我糖呢的博客-CSDN博客

css 复制代码
.sub-title{
    position: relative;
    margin-left: 59px;
    & span{
        color: #1CDBFE;

    };
    & span::before{
        content: "";
        position: absolute;
        height: 8px;
        width: 8px;
        // background-color: red;
        border-right: 1px solid #1CDBFE;
        border-top: 1px solid #1CDBFE;
        // border: 1px solid;
        left: -20px;
        top: 7px;
        transform: rotate(45deg);
    };
    & span::after{
        content: "";
        position: absolute;
        top: 7px;
        left:-14px;
        height: 8px;
        width: 8px;
        transform: rotate(45deg);
        border-right: 1px solid #1CDBFE;
        border-top: 1px solid #1CDBFE;

    }


}
相关推荐
Momo__7 分钟前
Vue 3.6 Vapor Mode:跳过虚拟 DOM,性能极致优化
前端·vue.js
少年白马醉春风丶7 分钟前
从零构建 AIGC 无限画布:AIGCCanvasFlow 技术全解析
前端·后端·aigc
OpenTiny社区11 分钟前
生成式 UI 藏大招!看似露营案例,实则电商集成 GenUI SDK 干货
前端·ai编程·交互设计
Awu122718 分钟前
🍎Vue官方Skills深度解读:那些被悄悄藏起来的宝藏
前端·aigc·claude
小小前端仔LC25 分钟前
第五篇:前端任务状态管理与实时反馈 (SSE 客户端篇)
前端
LIO43 分钟前
Axios Token 无感刷新机制:原理、实现与最佳实践
前端·axios
「已注销」1 小时前
面试分享:二本靠7轮面试成功拿下大厂P6
前端·javascript·面试
Lee川1 小时前
深入浅出:用 React 打造高性能懒加载无限滚动组件
前端·react.js
walking9571 小时前
重新学习前端之JavaScript
前端·vue.js·面试
walking9571 小时前
重新学习前端之HTML
前端·vue.js·面试