小编hgh*_*our的帖子

我怎样才能收集4个小三角形来制作一个大三角形？

我想通过收集4个小三角形来制作一个图像背景三角形,就像这个图像一样

在此输入图像描述

如何制作这个三角形图像背景形状的集合？!

.block {
    width: 0;
    height: 0;
    border: solid 20px;    
    float: left;
}
.clear {
    clear: both;
}
.top {
    margin-left: 38px;
}
.top .left {    
    border-color: transparent green green transparent;
}
.top .right {    
    border-color: transparent transparent green green;
}
.bottom .left1 {    
    border-color: transparent red red transparent;
}
.bottom .mid1 {    
    border-color: blue blue red red;
}
.bottom .mid2 {    
    border-color: blue purple purple blue;
}
.bottom .right1 {    
    border-color: transparent transparent purple purple;
}

Run Code Online (Sandbox Code Playgroud)