纯HTML/CSS打造中国风纹理

在一个页面上看到的，效果图如下：

<div style="width: 100%;">
            <div style="margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;">
                <div style="width: 100%;font-size: 0px;box-sizing: border-box;">
                    <div style="margin-left: 24px;border-bottom: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                    <div style="float: left;margin-top: -1px;background-color: rgb(255, 255, 254) !important;box-sizing: border-box;">
                        <div style="width: 0px;height: 8px;border-left: 1px solid #7F9BDC;margin-left: 23px;box-sizing: border-box;"></div>
                        <div style="width: 16px;margin-left: 8px;box-sizing: border-box;">
                            <div style="width: 16px;height: 8px;border-left: 1px solid #7F9BDC;border-right: 1px solid #7F9BDC;border-bottom: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                            <div style="width: 8px;height: 16px;margin-top: -8px;border-top: 1px solid #7F9BDC;border-right: 1px solid #7F9BDC;border-bottom: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                        </div>
                        <div style="width: 8px;height: 16px;border-top: 1px solid #7F9BDC;border-left: 1px solid #7F9BDC;margin-top: -1px;box-sizing: border-box;"></div>
                    </div>
                    <div style="float: right;margin-top: -1px;background-color: rgb(255, 255, 254) !important;box-sizing: border-box;">
                        <div style="width: 0px;height: 8px;border-right: 1px solid #7F9BDC;margin-right: 8px;box-sizing: border-box;"></div>
                        <div style="width: 16px;margin-top: -1px;box-sizing: border-box;">
                            <div style="width: 16px;height: 8px;border-right: 1px solid #7F9BDC;border-left: 1px solid #7F9BDC;border-bottom: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                            <div style="width: 8px;height: 16px;margin-top: -8px;margin-left: 8px;border-left: 1px solid #7F9BDC;border-bottom: 1px solid #7F9BDC;border-top: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                        </div>
                        <div style="width: 8px;height: 16px;margin-top: -1px;margin-left: 16px;border-top: 1px solid #7F9BDC;border-right: 1px solid #7F9BDC;border-left-color: #7F9BDC;box-sizing: border-box;"></div>
                    </div>
                </div>
                <div style="clear: both;box-sizing: border-box;"></div>
                <div style="width: 100%;margin-top: -12px;margin-bottom: -12px;padding-right: 20px;padding-left: 20px;box-sizing: border-box;"></div>
            </div>
        </div>
<div style="width: 100%;margin-top: 1em;font-size: 0px;box-sizing: border-box;">
            <div style="float: left;margin-top: -1px;background-color: rgb(255, 255, 254) !important;box-sizing: border-box;">
                <div style="width: 8px;height: 16px;border-bottom: 1px solid #7F9BDC;border-left: 1px solid #7F9BDC;margin-top: -1px;border-top-color: #7F9BDC;box-sizing: border-box;"></div>
                <div style="width: 16px;margin-left: 8px;margin-top: -1px;box-sizing: border-box;">
                    <div style="width: 8px;height: 16px;border-bottom: 1px solid #7F9BDC;border-right: 1px solid #7F9BDC;border-top: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                    <div style="width: 16px;height: 8px;margin-top: -8px;border-top: 1px solid #7F9BDC;border-right: 1px solid #7F9BDC;border-left: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                </div>
                <div style="width: 0px;height: 8px;border-left: 1px solid #7F9BDC;margin-left: 23px;box-sizing: border-box;"></div>
            </div>
            <div style="float: right;margin-top: -2px;background-color: rgb(255, 255, 254) !important;box-sizing: border-box;">
                <div style="width: 8px;height: 16px;margin-bottom: 1px;margin-left: 16px;border-bottom: 1px solid #7F9BDC;border-right: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                <div style="width: 16px;margin-top: -2px;box-sizing: border-box;">
                    <div style="width: 8px;height: 16px;margin-left: 8px;border-top: 1px solid #7F9BDC;border-left: 1px solid #7F9BDC;border-bottom: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                    <div style="width: 16px;height: 8px;margin-top: -8px;margin-right: 18px;border-left: 1px solid #7F9BDC;border-right: 1px solid #7F9BDC;border-top: 1px solid #7F9BDC;box-sizing: border-box;"></div>
                </div>
                <div style="width: 0px;height: 8px;border-right: 1px solid #7F9BDC;border-left-color: #7F9BDC;border-bottom-color: #7F9BDC;box-sizing: border-box;"></div>
            </div>
            <div style="clear: both;box-sizing: border-box;"></div>
            <div style="margin-top: -1px;margin-left: 24px;border-top: 1px solid #7F9BDC;box-sizing: border-box;"></div>
        </div>