设置三角形:
1.元素宽高设置为0
2.设置边框宽度(三角形的高度)
3.设置透明色,需要的三角形设置其他颜色
<style>
.first {
width: 0px;
height: 0px;
border-width: 40px;
border-color:transparent;
border-style: solid;
border-bottom-color: red;
}
</style>
如图:
设置三角形:
1.元素宽高设置为0
2.设置边框宽度(三角形的高度)
3.设置透明色,需要的三角形设置其他颜色
<style>
.first {
width: 0px;
height: 0px;
border-width: 40px;
border-color:transparent;
border-style: solid;
border-bottom-color: red;
}
</style>
如图: