在CSS中,我们可以使用border属性来绘制包括三角形在内的多边形。三角形是由3条边和3个角组成的,所以我们需要使用border定义三条边的样式。为了方便起见,我们可以使用一个大小为0的div元素来
<br> <br>
.triangle-up {<br>
width: 0;<br>
height: 0;<br>
border-left: 20px solid transparent;<br>
border-right: 20px solid transparent;<br>
border-bottom: 20px solid red;<br>
}<br>
<br> <br>
.triangle-down {<br>
width: 0;<br>
height: 0;<br>
border-left: 20px solid transparent;<br>
border-right: 20px solid transparent;<br>
border-top: 20px solid green;<br>
}<br>
.triangle-left {<br>
width: 0;<br>
height: 0;<br>
border-top: 20px solid transparent;<br>
border-right: 20px solid pink;<br>
border-bottom: 20px solid transparent;<br>
border-left: 20px solid pink;<br>
}<br>
.triangle-right {<br>
width: 0;<br>
height: 0;<br>
border-top: 20px solid transparent;<br>
border-left: 20px solid blue;<br>
border-bottom: 20px solid transparent;<br>
border-right: 20px solid blue;<br>
}<br>
粉丝
0
关注
0
收藏
0