用css写个三角形

在百度前端学院任务重遇到了这个，之前也接触过，在这里写一下吧。

就是上面这个三角形。
我是这样写的

div{width: 0;height: 0;border-top:5px solid #f7ded9;border-left:5px solid #f7ded9;border-right:5px solid #f7ded9;border-bottom:5px solid #5b5b5b;}<div></div>

这样就有了上面的那个三角形，
当然，这个三角形的方向时可以变的，方法就是更改下面的参数：
border-top:5px solid #f7ded9;
border-left:5px solid #f7ded9;
border-right:5px solid #f7ded9;
border-bottom:5px solid #5b5b5b;
更改大小不用说了，参数里面就一个是size参数。方向是根据颜色改变，在上面的例子中，border-top，border-left，border-right的颜色参数与北京相同，只有border-bottom的颜色有改变，这就形成了一个上图所示的三角形。
改一下吧：

 border-bottom:5px solid #f7ded9;border-left:5px solid #f7ded9;border-right:5px solid #f7ded9;border-top:5px solid #5b5b5b;

效果：

width:0;height:0;        border-bottom:5px solid #f7ded9;        border-left:5px solid #f7ded9;        border-top:5px solid #f7ded9;        border-right:5px solid #5b5b5b;

效果：