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

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

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

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

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

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

时间:2026-02-12 13:08:39
1、新建Html文件,编写一个div设置样式高度0px,宽度0px。

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

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

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

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

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