高级前端——用css画一个三角形

css画的三角形


.demo { width: 0; height: 0; border: 12px solid red; border-color: transparent transparent red transparent; }

画出来的是正三角形。

 .demo {
        width: 0;
        height: 0;
        border: 20px solid red;
        border-color: transparent transparent red transparent;
        /* 旋转 */
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Safari and Chrome */
        transform: rotate(180deg);
    }

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注