主要介绍了CSS绘制三角形的实现代码(border法)的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1. 实现一个简单的三角形 使用CSS盒模型中的border（边框）即可实现如下所示的三角形： CSS实现简单三角形 实现原理： 首先来看在为元素添加border时，border的样子；假设有如下代码： div { width: 50px; height: 50px; border: 2px solid orange; } 效果图： border的一般使用 这是我们平常使用border最普遍的情况——往往只给border一个较小的宽度（通常为1-2px）；然而这样