<style>
.up {
width: 0;
height: 0;
border-width: 0 28px 28px;
border-style: solid;
border-color: transparent transparent red;
}
.down {
width: 0;
height: 0;
border-width: 28px 28px 0;
border-style: solid;
border-color: red transparent transparent;
}
.left {
width: 0;
height: 0;
border-width: 28px 28px 28px 0;
border-style: solid;
border-color: transparent red transparent;
}
.right {
width: 0;
height: 0;
border-width: 28px 0 28px 28px;
border-style: solid;
border-color: transparent red transparent;
}
</style>```
下面是
<div class="up"></div>
<br />
<br />
<div class="down"></div>
<br />
<br />
<div class="left"></div>
<br />
<br />
<div class="right"></div>
三角形图片预览
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201222164443319.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FuZ2Vsbm90ZWFycw==,size_16,color_FFFFFF,t_70)
如何用css画出三角形
最新推荐文章于 2023-04-22 00:15:00 发布