如何在HTML里画一个三角形

如何画三角形？

在进行前端学习的过程中，遇到了一个画三角形的难题，例如：

这个是我还没有画完的一个老师的图片，虽然有点丑，不过遇到了画它鼻子的那个三角形的时候，遇到了些困难，也是想了些办法，查百度之类的，也算是知道了几种方法，想在这里分享一下我常用的方法。

首先：要是我们画一个正方形，然后在把正方形的边框设置粗一些。

代码如下：

		        width: 20px;    
				height: 20px;  
				border: 40px solid ;   
				border-color: red yellow green blue; 

效果图如下：

这样得到四个等腰梯形。

要是我们把正方形设置成高度0px宽度0px

代码如下：

				width: 0px;
				height: 0px;
				border: 40px solid;
				border-color: red yellow green blue;

效果图如下：

所以，我们就得到了一个由四个三角形组成的正方形。

然后我们可以将四个三角形根据需要设置成透明色，即可获得所需要的三角形

例如，获取一个尖朝上的三角形

我们只需要将上、左、右三边的颜色设置成透明色

		border-color: transparent transparent green transparent;

其他的不需要改变，这样，就可以随意获得四个角度的三角形了。