css制作三角形（向左带边框）

#demo {
            width: 0;
            height: 0;
            position: relative;
            border-top: solid 50px transparent;
            border-left: solid 50px black;
            /* 黑色大三角形 */
            border-bottom: solid 50px transparent;
        }
 
        #demo:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 3px;
            top: -45px;
            border-top: solid 45px transparent;
            border-left: solid 45px white;
            /* 白色小三角形 */
            border-bottom: solid 45px transparent;
        }

<div id="demo "></div>