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
HTML+CSS写三角形
时间：2024-10-14 02:49:46
时间：2024-10-14 02:49:46
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
