利用边框设置三角形

首先新建一个div标签，把div的宽和高设置为0 ，边框的粗细设为border：100px，边框样式：solid，color：红色

然后分别设置三个方向的边框颜色，设为透明色

border-top-color: transparent;/* 顶部边框 */

border-right-color: transparent;/* 右边边框 */

border-bottom-color: transparent;/* 底部边框 */

另一种写法border:100px solid transparent;

border-top-color:red;

border-right-color:red;

border-bottom-color:red;

border-left-color:red;

结果：