CSS画出三角形的做法

引言：

在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。

方法：

我们实现一个三角形，当然可以使用精灵图、或者iconfont的做法，这些做法也十分简便，但是我也有一个不需要下载任何图片或者图标字体的做法，仅需一个盒子就可以实现。

做法：

首先我们需要声明一个盒子，比如说div盒子，但是这个盒子比较特殊，特殊之处就在于这个盒子的宽和高都为0，但是有边框长度。

此时效果图为

很显然，我们只需要留下我们需要的方向的三角形，其他的设置为透明色就OK：

代码：

效果图为：