HTML+CSS写三角形

2025-04-08 00:03:33

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

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。