css 画三角形

2023-02-26 22:32:55

第一种 border

• 三边 border 设置为透明
• 一边 border 设置颜色

width: 0;
border: transparent 10px solid;
border-bottom: black solid 10px;

第二种 linear-gradient 线性渐变

width: 100px;
height: 100px;
background: linear-gradient(45deg, #000 50px, transparent 50px);