/ 等腰三角形（箭头朝上）； /
div1{
width: 0;
height: 0;
border-bottom: 100px solid cyan;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
/ 等腰三角形（箭头朝下）； /
div2{
width: 0;
height: 0;
border-top: 100px solid cyan;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
/ 等腰三角形（箭头朝左）； /
div3{
width: 0;
height: 0;
border-right: 100px solid cyan;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/ 等腰三角形（箭头朝右）； /
div4{
width: 0;
height: 0;
border-left: 100px solid cyan;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/ 直角三角形（箭头左上）； /
div5{
width: 0;
height: 0;
border: 50px solid gray;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
}
/ 直角三角形（箭头右下）； /
div6{
width: 0;
height: 0;
border: 50px solid lightblue;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
}
————————————————
版权声明：本文为CSDN博主「陈小穗子呀」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ink_if/article/details/78534815
Original: https://www.cnblogs.com/Alone-2021/p/15678217.html
Author: Alone_2021
Title: 怎么用HTML画出三角形
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/644549/
转载文章受原作者版权保护。转载请注明原作者出处！