css代码
.triangle{
width: 0;
height: 0;
border-width: 10px;//三角形大小
border-style: solid;
border-color: transparent transparent red transparent;//三角形方向和颜色控制
}
html代码
<div className='triangle'></div>
方向 | css中 border-color代码 |
---|---|
![]() | border-color: transparent transparent red transparent |
![]() | border-color: red transparent transparent transparent; |
![]() | border-color:transparent red transparent transparent; |
![]() | border-color:transparent transparent transparent red; |