分享一款音乐、文字贴边框（五）

清风雨轩

 月怜孤影长

霜天晓角 · 月怜孤影长

文/博涵

诗酒云裳，

袭人飘渺香；

昔日春园雅集，

今只赖、寂徜徉。

西厢、过曲廊。

月怜孤影长。

染絮映花如雪，

随袖舞、柳风凉。

                           

清风雨轩

<div align="center">
    <section style="width:720px;">
        <section>
            <section style="padding: 2em 5px 5px;">
                <section style="color: rgb(255, 160, 59); margin-bottom: -4em; margin-left: -6px; transform: rotate(0deg);">
                    <section style="display: flex;justify-content: flex-start;align-items: center;">
                        <section style="border-top-left-radius:10px; display: inline-block;background:#4D8A04;height: 30px;padding: 0px 0.5em 0px 1em;letter-spacing: 2.5px;line-height: 30px;">
                            <strong><span style="color: white; font-size: 16px;"> 月怜孤影长</span></strong>
                        </section>
                        <section class="assistant" style="width:0px; height:0px; border-top:solid 30px transparent; border-left:solid 20px #4D8A04;"></section>
                        <section class="assistant" style="width:0px; height:0px; border-top:solid 30px #4D8A04; border-right:solid 20px transparent;margin-left: -20px;"></section>
                    </section>
                </section>
                <section style="box-shadow: rgb(188, 193, 188) 0px 0px 12px; padding: 10px; border-radius: 12px;">
                    <section style="border: 1px dashed rgb(77, 138, 4); border-radius: 12px; box-sizing: border-box;">
                        <br/><br/><br/>
                        <p style="margin:0;">
                            <br/>
                        </p>
                        <p style="margin:0;">
                            <img src="https://aimg8.dlssyht.cn/u/1786604/ueditor/image/894/1786604/1645687054994632.jpg" title="1645687054994632.jpg" alt="月.jpg"/>
                        </p>
                        <p style="margin:0;">
                            <br/>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188);"><strong><span style="font-size: 18px;">霜天晓角 · 月怜孤影长</span></strong></span>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188);">文/博涵</span>
                        </p>
                        <p>
                            <br/>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">诗酒云裳，</span>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">袭人飘渺香；</span>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">昔日春园雅集，</span>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">今只赖、寂徜徉。</span>
                        </p>
                        <p>
                            <br/>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">西厢、过曲廊。</span>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">月怜孤影长。</span>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">染絮映花如雪，</span>
                        </p>
                        <p>
                            <span style="color: rgb(215, 227, 188); font-size: 18px;">随袖舞、柳风凉。</span>
                        </p>
                        <p>
                            <br/>
                        </p>
                        <p>
                            <span style="color: rgb(118, 146, 60); letter-spacing: 1.5px; text-align: left;">                           </span><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="1" height="1" src="//music.163.com/outchain/player?type=2&id=862732021&auto=1&height=66"></iframe>
                        </p>
                    </section>
                </section>
            </section>
        </section>
    </section>
</div>
<p>
    <br/>
</p>
<p></p>

清风雨轩

红色部分是音乐播放器代码。
使用方法：将楼上代码复制，打开发帖编辑页面，点选右上角“纯文本”，左下角“附加选项”里面的“HTML”，将这段代码粘贴到编辑框，然后用你的音乐代码替换掉原来的音乐代码，然后取消“纯文本”选项，这时会出现完整边框效果，然后替换掉题图和文字，点“发表帖子”。

婉怡

老师辛苦了，谢谢分享。

紫月

音乐好听。谢谢老大，周末好！

心蝶

西厢、过曲廊。月怜孤影长，喜欢这文字，放今天的图也是可以

@嫿

喜欢。谢谢分享