border三角形

 border:100px solid ;
 box-shadow: inset 0 1px,inset 1px 0px,inset 0 -1px,inset -1px 0px;
 width:0px;
 height: 0px;
 margin:0 auto;

/*transparent 透明*/

border-color:red  transparent  transparent  transparent;

/*box-shadow 向框添加一个或多个阴影*/
box-shadow: inset 0 1px,inset 1px 0px,inset 0 -1px,inset -1px 0px;

border三角形

原文：https://www.cnblogs.com/zhanghongjuan/p/9964922.html