css绘制三角形

2022-11-30 150 阅读1分钟

使用border绘制三角形

.app {
    width:0px;
    height:0px;
    border-top:50px solid yellow;
    border-bottom:50px solid yellowgreen;
    border-left:50px solid navy;
    border-right:50px solid cyan;
}

显示的样式

捕获.PNG

可以通过设置border的颜色改变三角形的样子