用html+css的知识 画出三角形

1.第一步回顾学习过html+ css的知识，我们先理清自己的思路

2.添加一个div盒子，此时，暂不设置border值，只初始化它的宽高。那么，我们将呈现出一个border=0，width、height均为200px的盒

3.我们再来调整他的border-top、border-left、border-bottom、border-right的值可以得出

          border的长等于 盒子的长度 + 相邻border的宽度。

          

 

 4.根据之上的我们可以得出当border-style: solid ;   border-style：100 px ;  width：0;height：0;的图形

 

 

 

  5.通过设置broder-color其中的任意三种颜色。就可以得到三角形了。