search

ChelesteWang / FE-Review

前端知识复盘与整理
Apache License 2.0
33 stars 8 forks source link

CSS 面试 #37

Open ChelesteWang opened 2 years ago

ChelesteWang commented 2 years ago

CSS 画三角

原理：border 属性绘制的边框为梯形,只保留一面其他的颜色都设置为transparent透明

span {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #ff0000;
}