SOURCE

console 命令行工具 X clear

                    
>
console
<section class="RankEditor" style="margin-top:20px">
    <section style="display: flex; justify-content: center;align-items:flex-end;">
        <section style="width: 85px;margin-top: 30px;display: flex;flex-direction: column;flex: 1;overflow: hidden;">
            <section style="z-index: 0;">
                <img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/3623814e-e266-4b59-8a7a-a9f8b3d002d6.png" style="width: 100%;vertical-align: top"/>
            </section>
            <section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(127,188,233);transform: rotate(55deg)"></section>
            <section style="background-color: rgb(127,188,233);margin-top: -90px;z-index: 2">
                <section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
                    <p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;"></p>
                </section>
                <section style="text-align: center;padding-right: 15px;padding-left: 15px;height: 180px;">
                    <p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
                        老生小生武生
                    </p>
                </section>
            </section>
        </section>
        <section style=" width: 85px;margin-left: 8px; display: flex;flex-direction: column;flex: 1;overflow: hidden;">
            <section style="z-index: 0;">
                <img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/719acd1f-92d6-4dfb-a994-cf65d8b3e2fc.png" style="width: 100%;vertical-align: top"/>
            </section>
            <section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(235,105,108);transform: rotate(55deg)"></section>
            <section style="background-color: rgb(235,105,108);margin-top: -90px;z-index: 2">
                <section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
                    <p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;"></p>
                </section>
                <section style="text-align: center; padding-right: 15px; padding-left: 15px; height: 180px;">
                    <p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
                        正旦老旦花旦花衫武旦刀马旦彩旦
                    </p>
                </section>
            </section>
        </section>
        <section style=" width: 85px; margin-left: 8px;margin-top: 20px; display: flex;flex-direction: column;flex: 1;overflow: hidden;">
            <section style="z-index: 0;">
                <img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/a57c9367-77b3-4a1c-a6f1-43faaf7548d9.png" style="width: 100%;vertical-align: top"/>
            </section>
            <section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(247,183,75);transform: rotate(55deg)"></section>
            <section style="background-color: rgb(247,183,75);margin-top: -90px;z-index: 2">
                <section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
                    <p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;"></p>
                </section>
                <section style="text-align: center; padding-right: 15px; padding-left: 15px; height: 180px;">
                    <p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
                        正净副净武净毛净
                    </p>
                </section>
            </section>
        </section>
        <section style=" width: 85px; margin-left: 8px;margin-top: 15px; display: flex;flex-direction: column;flex: 1;overflow: hidden;">
            <section style="z-index: 0;">
                <img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/e9d790bc-5885-48b0-a7ba-dd6ae847a0d2.png" style="width: 100%;vertical-align: top"/>
            </section>
            <section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(128,196,139);transform: rotate(55deg)"></section>
            <section style="background-color: rgb(128,196,139);margin-top: -90px;z-index: 2">
                <section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
                    <p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;"></p>
                </section>
                <section style="text-align: center; padding-right: 15px; padding-left: 15px; height: 180px;">
                    <p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
                        老生小生武生
                    </p>
                </section>
            </section>
        </section>
    </section>
</section>
<p>
    <br/>
</p>