CSS设置三角

62 阅读1分钟
 <div></div>
div{
    /* 宽高设置为0 */
    width: 0;
    height: 0;
    /* 设置边框 */
    border:100px solid black;
    /* 设置每个边的颜色 */
    border-left-color: aquamarine;
    border-top-color: blueviolet;
    /* transparent为透明色 */
    border-right-color: transparent;
    /*rgba最后一项设置为0,也表示透明*/
    border-bottom-color: rgba(0, 0, 0, 0);
}

image.png