HTML+CSS写三角形

HTML+CSS用边框写三角形

方法/步骤

1、新建Html文件，编写一个div设置样式高度0px，宽度0px。

2、添加边框样式：border:10pxsolid#fff;宽度与三角形大小有关，颜色与页面背景色一致。

3、添加样式：border-top-color:red，这样就可以写一个红色的倒三角。

4、正三角用border-bottom-color。

5、三角朝右：border-left-color

6、三角朝左：border-right-color