公号设计 | 文气的翻页书本样式

效果：

风的唱片私藏馆

每个女孩都是银河遗落在世间的星星。生活感悟为你的难过而快乐的,是敌人;为你的快乐而快乐的,是朋友;为你的难过而难过的,就是那些该放进心里的人。

代码示例：

<section style="margin: 10px;border-width: 2px;border-style: solid;border-color: rgb(226, 211, 199);border-radius: 10px;padding-top: 20px;padding-right: 10px;padding-bottom: 20px;box-sizing: border-box;">

    <section style="margin-left: -8px;background-image: url(http://userimage8.360doc.com/20/0424/09/69568690_202004240926300159922533.png);background-position: 0% 3.0303%;background-repeat: repeat-y;background-size: 5%;background-attachment: scroll;padding-left: 30px;box-shadow: #000000 0px 0px 0px;box-sizing: border-box;text-align: center;">

        <section style="background-color: rgb(226, 211, 199);border-radius: 5px;display: inline-block;padding: 2px 15px;box-sizing: border-box;">

            <p style="letter-spacing: 2px;">

                <span style="color: rgb(85, 55, 8);">风的唱片私藏馆</span>

            </p>

        </section>

        <section style="margin-top:10px;">

            <p style="text-align: justify; letter-spacing: 2px;">

                <span style="font-size: 15px;"> 每个女孩都是银河遗落在世间的星星。生活感悟为你的难过而快乐的,是敌人;为你的快乐而快乐的,是朋友;为你的难过而难过的,就是那些该放进心里的人。</span>

            </p>

        </section>

    </section>

</section>

代码解析：

background-image: 来定义背景图像的路径，取值为 none | url，默认值为 none。