用css切出三角形形状

<div style="width: 0; height: 0; border-top: 10px solid #FF3300; border-right: 10px solid #fff; border-bottom: 10px solid #fff; border-left: 10px solid #fff;"></div>

    <div style="border-top: 10px solid #fff; border-left: 10px solid #FF3300; border-bottom: 10px solid #fff;"></div>

    <div style="border-top: 10px solid #FFFFCC; border-right: 10px solid #FF3300; border-bottom: 10px solid #FFFFCC;"></div>

    <div style="border-top: 10px solid #FFFFCC; border-right: 10px solid #FF3300; border-bottom: 10px solid #FFFFCC; border-left: 10px solid #FF3300;"></div>

    <div style="width: 0; height: 0; border-top: 10px solid #FF3300; border-right: 10px solid #fff; border-bottom: 10px solid #fff; border-left: 10px solid #fff;"></div>

    <div style="border-top: 10px solid #FFFFCC; border-left: 10px solid #FF3300;"></div>

    <div style="border-top: 10px solid #FF3300; border-right: 10px solid #FFFFCC; border-left: 10px solid #FFFFCC;"></div>

    <div style="border-right: 10px solid #FFFFCC; border-bottom: 10px solid #FF3300; border-left: 10px solid #FFFFCC;"></div>

    <div style="border-top: 10px solid #FF3300; border-bottom: 10px solid #FF3300; border-left: 10px solid #FFFFCC;"></div>

    <div style="border-top: 10px solid #FF3300; border-right: 10px solid #FF3300; border-bottom: 10px solid #FF3300; border-left: 10px solid #FFFFCC;"></div>