父元素
#demo{
　　margin: 100px;
　　width: 100px;
　　height: 100px;
　　border: 1px solid black;
　　position: relative;
}
//右三角
#demo:before{
　　content:"";
　　width:0;
　　height:0;
　　position: absolute;
　　top: 34px;
　　left: 100px;
　　border-top:solid 15px transparent;
　　border-left:solid 15px black ;
　　border-bottom:solid 15px transparent;
}

//上三角(對應修改為)
border-right:solid 15px transparent;
border-left:solid 15px transparent;
border-bottom:solid 15px black;

//下三角(對應修改為)
border-top:solid 15px black;
border-right:solid 15px transparent;
border-left:solid 15px transparent;

//左三角(對應修改為)
border-top:solid 15px transparent;
border-right:solid 15px black;
border-bottom:solid 15px transparent;