编写方法： 1、使用“border:宽度值solidtransparent”语句将宽度和高度为0的div元素的边框设置为透明； 2、使用“border-top:高度值纯色值”语句设置div元素透明边框的上边框显示时html下三角，会显示一个下三角。
本教程的运行环境：Windows 10系统，CSS3&&HTML5版本，DellG3笔记本。
css下如何写三角形代码
在CSS中，我们可以通过border属性创建边框样式来实现下三角。
首先我们需要一个宽高为0的div元素，然后使用border属性设置div的边框样式，设置边框的粗细值为下三角宽度的一半html下三角，并设置边框颜色至透明。
最后，使用 border-top 属性显示 div 元素的上边框。
示例如下：
Document div{ width: 0; height: 0; border: 100px solid transparent; border-top: 100px solid red; }
登录后复制
输出结果：
如果有兴趣，可以继续访问：css视频教程。
