css border实现三角形

直接上代码

div {
    width:0px;
    height:0px;
    border-top:0 solid red;
    border-right:300px solid transparent;
    border-bottom:300px solid blue;
    border-left:300px solid transparent;
    }

这样就生成一个上三角形,同理,调节其他边(宽度或者是否透明)可以生成不同形状的三角形。
css border实现三角形

上一篇:前端学习fixed


下一篇:vue 弹窗滑入滑出动画