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;

    }


}
相关推荐
猪八宅百炼成仙8 分钟前
解决Vue项目中scrollIntoView导致的布局异常问题
前端
miss17 分钟前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
绝世唐门三哥1 小时前
React---数组浅拷贝之slice的使用
前端·reactjs
傅里叶1 小时前
Flutter开发的app,实现Google 登录
前端·flutter
胖橘1 小时前
适用于Vue3的高集成度文件预览组件,支持多种类型的文件
前端·vue.js·开源
我叫黑大帅1 小时前
🚀 JS 最常用的性能优化 防抖和节流
前端·javascript·面试
啊丫丫1 小时前
【深入浅出地学习Vue】——vue2
前端·vue.js
求知若饥1 小时前
webpage-channel 让不同页面通信像组件通信一样简便
前端·typescript·node.js
图扑软件1 小时前
图扑 HT 帧动画 | 3D 动态渲染设计与实现
前端·javascript·3d·动画·数字孪生
终端鹿1 小时前
Pinia 与 Vue Router 权限控制实战(衔接Pinia基础篇)
前端·javascript·vue.js