css画三角形,对角 √ 勾形

时间:2020-08-07 02:21:21 来源:

【摘要】 css画三角形,对角 √ 勾形考必过小编为大家整理了关于css画三角形,对角 √ 勾形的信息,希望可以帮助到大家!

css画三角形,对角 √ 勾形

标签:src   inf   absolute   sel   osi   top   position   orm   ota   

.selected{
        border-color: #5FB878;
    }

    .selected:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-top: 30px solid #5FB878;
        border-left: 30px solid transparent;
    }

    .selected:before {
        content: ‘‘;
        position: absolute;
        width: 14px;
        height: 8px;
        background: transparent;
        top: 4px;
        right: 1px;
        border: 2px solid white;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg);
        z-index: 9;
    }

最终效果

 

css画三角形,对角 √ 勾形

标签:src   inf   absolute   sel   osi   top   position   orm   ota   

以上就是css画三角形,对角 √ 勾形的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!

上一篇      下一篇
前端相关推荐 更多>>
前端热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net