css实现三角形,超简单的方法

最近一直关注前端各种框架和一些原生js的东西,闲来没事写点css换个脑子,好久也没写过博客了,冒个泡。此篇写给面试的前端小白,大神请飘过。。。
现在很多公司面试都有笔试,让手写代码,让用css写某个图形也比较常见,这里就简单写个三角形吧。
代码如下:

css实现三角形,超简单的方法
原理很简单就是让div的宽高都是0,设置他的边框就行了,加上颜色便于区分。
页面显示就是这样:
css实现三角形,超简单的方法