css画三角形，对角 √ 勾形

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

css画三角形，对角 √ 勾形

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

2025年监理工程师-考点精讲班体验课

¥0

去购买​

.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画三角形，对角 √ 勾形的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！