使用css技术写一个三角形出来（等边或等腰）

.a {

width: 100px;

border: 2px solid red;

}

.b {

width: 100px;

border: 2px solid red;

transform-origin: left top;

transform: rotate(60deg);

}

.c {

width: 100px;

border: 2px solid red;

transform-origin: 100px 0;

transform: rotate(-60deg);

}

第二种：使用边框去写等腰三角形，比如现在要写一个上面的三角形，就可以让左右边框的颜色为透明，上边的边框有颜色就行，宽高设置为0即可。源码如下：