教你用css画三角形

只拥有上边框的盒子

整整齐齐的一条直线

当两条相邻的边框在一起的时候

左上角的两条边框的平分的，这样的解析的方式，就使边框不仅仅只是一个边框，有些logo都可以用边框画出来

border的延展

画一个三角形

width: 0;
height: 0;
border-top: 100px solid transparent;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 100px solid yellow;

画一个直角三角形

width: 0;
height: 0;
border-left: 100px solid transparent;
border-bottom: 100px solid yellow;