css画各种三角形

高山上的人

已于 2023-03-03 16:17:56 修改

阅读量234

点赞数

分类专栏： css 文章标签： css

于 2022-01-26 11:09:18 首次发布

本文链接：https://blog.csdn.net/aqwef/article/details/122697842

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

/* 等腰三角形（箭头朝上）； */ #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; }