level 1
小千哥哥彬彬
楼主

直接上代码CSS:
#hongqi{
width:864px;
height:576px;
background:red;
}
#wujiao {
width: 0;
height: 0;
top:100px;
left:50px;
color: #f00;
position: absolute;
display: block;
border-right: 100px solid transparent;
border-bottom: 70px solid rgb(254,224,4);
border-left: 100px solid transparent;
-moz-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
}
#wujiao:before {
width: 0;
height: 0;
position: absolute;
display: block;
top: -45px;
left: -65px;
border-bottom: 80px solid rgb(254,224,4);
border-left: 30px solid transparent;
border-right: 30px solid transparent;
content: '';
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
}
#wujiao:after {
width: 0;
height: 0;
position: absolute;
display: block;
top: 3px;
left: -105px;
color: #F00;
border-right: 100px solid transparent;
border-bottom: 70px solid rgb(254,224,4);
border-left: 100px solid transparent;
content: '';
-webkit-transform: rotate(-70deg);
-moz-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
-o-transform: rotate(-70deg);
}
#wujiao1{
top:30px;
left:280px;
}
#wujiao2{
top:80px;
left:340px;
}
#wujiao3{
top:150px;
left:340px;
}
#wujiao4{
top:210px;
left:280px;
}
.min {
width: 0;
height: 0;
color: #f00;
position: relative;
display: block;
border-right: 20px solid transparent;
border-bottom: 14px solid rgb(254,224,4);
border-left: 20px solid transparent;
-moz-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
}
.min:before {
width: 0;
height: 0;
position: absolute;
display: block;
top: -10px;
left: -12px;
border-bottom: 16px solid rgb(254,224,4);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: '';
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
}
.min:after {
width: 0;
height: 0;
position: absolute;
display: block;
top: 0px;
left: -20px;
color: #F00;
border-right: 20px solid transparent;
border-bottom: 14px solid rgb(254,224,4);
border-left: 20px solid transparent;
content: '';
-webkit-transform: rotate(-70deg);
-moz-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
-o-transform: rotate(-70deg);
}
html:
<div id="hongqi">
<div id="wujiao"></div>
<div id="wujiao1" class ="min"></div>
<div id="wujiao2" class ="min"></div>
<div id="wujiao3" class ="min"></div>
<div id="wujiao4" class ="min"></div>
</div>

