css画三角形，扇形

• 三角形1

div1{
    width:0;
    height:0;
    border-top:50px solid red;
    border-left:50px solid trasparent;
    border-right:50px solid transparent;
}

• 三角形2

div2{
    width: 0;
    height: 0;
    border-bottom: 20px solid red;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-right: 10px;
}

• 三角形3

div3{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid red;
    border-bottom: 20px solid transparent;
    margin-right: 10px;
}

• 三角形4

div4{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid red;
    margin-right: 10px;
}

• 三角形5

div5{
    width: 0;
    height: 0;
    border-top: 30px solid red;
    border-left: 30px solid transparent;
    margin-right: 10px;
}

• 扇形

div6{
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-radius: 50%;
    border-top-color: red;
}