用CSS如何画等腰三角形和直角三角形

精髓：理解，并自己变化

原理：利用div四条边的边框线，通过设置边框线宽度，并调整div的内  容高度去实现

步骤如下：

第一步：

给一个div设置同样的宽、高100px，再把它四边边框线的宽度设置100px，并用过顺时针的方向设置四边边框线的颜色。

（得到效果图如下，有点接近于三角形了）

第二步：

通过思考，当div里面内容块（白色部分）宽、高都为0时，四边的梯形就可以变为三角形了。