听雨轩

竹轩听雨

1. <section style="text-align:left; line-height: 2.0em; letter-spacing: 1.5px; text-indent:2em; margin-right: 60px; margin-left: 60px;">
   
2. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
   
3. <p>第一段</p><br>
   
4. <p>第二段</p><br>
   
5. <p>第……段</p><br>
   
6. </span></section>

复制代码

其实这段代码和442＃楼是一样的，只是多了句text-indent:2em;
调整margin-left（左边距）和margin-right（右边距）的数值可改变正文在边框中的左右位置。
多段文字首行缩进批量操作方法：
如果段的结尾是手动换行符就用^l^l替换成</p><br>^p<p>
如果段的结尾是段落标记就用^p^p替换成</p><br>^p<p>
如果段落之间有空行就用^l^l或^p^p，否则就用^l或^p

花落千江水

这么多漂亮的代码帖，借用了一个。
谢谢@竹轩听雨  

竹轩听雨

https://img.wyc520.com.cn/data/attachment/forum/202112/25/144012yzy4q4qj3s1yw9f9.jpg

https://img.wyc520.com.cn/data/attachment/forum/202112/25/153212v0y81884iqp6l283.jpg

https://img.wyc520.com.cn/data/attachment/forum/202112/25/153833ai4ndpa591hxp2pp.jpg

https://img.wyc520.com.cn/data/attachment/forum/202112/25/153834m50ff618jhjoko5z.jpg

https://img.wyc520.com.cn/data/attachment/forum/202112/25/153834ea6r11no7tod00j9.jpg

『草原晨曦』

演奏｜张宏光

　　张宏光打造了这样的一种音乐，来自草原再用感情和理解进行诠释，把生命中最动人的音符与自然界最纯朴的律动演绎的浩瀚清逸，演绎出荡气回肠。用原始的声音把内心角落里包裹着的情感通通释放，琴声中蕴酿的幽深绵长，无论激扬豪放还是抒情委婉，无不带看草原的自由和舒展，调剂着我们的心灵，卸掉我们的优伤。
　　这首曲子犹如碧空中淡淡的白云，为草原上每个美丽的晨曦拉开序幕，再把和煦的阳光洒遍草原的每一寸土地与沙丘，草原上有多少个不落的太阳便有多少个美丽的晨曦。这里的清晨有淡淡的奶茶清香在四野弥漫；这里的清晨有晨牧归来的人们在笑语欢唱；这里的清晨宁静而美丽, 如琴声般悠扬。草原上升起了不落的太阳，草原上也升腾着远古以来就生生不息的欲望。站在蔚蓝的天空下，心里特别容易寻到归依，找到平静充实的感觉，闭起眼，用心聆听这首曲子，心灵一样可以在畅往中自由的飞翔。琴声拨动心音，仿佛泛起的涟漪，舒缓悠扬的琴音似晨曦中的光芒，细润而绵长。仿佛看到碧绿如茵的草原，新的一天开始，袅袅的炊烟轻轻飘向天际，羊群和牧人欢快的吟唱，和谐的美景，展示着未来这片热土将会更加富裕安康！

竹轩听雨

1. <br><br>
   
2. <div align="center"><section style="width:660px;">
   
3. <section class="_135editor" data-tools="135编辑器" data-id="85422">
   
4. <section style=" background-color:rgb(254,254,254);padding: 0px; border: 1px solid rgb(198, 198, 199); color: rgb(0, 0, 0); font-size: 14px; margin: 25px 10px; box-shadow: rgb(120, 120, 120) 0px 0px 8px;">
   
5. <section style="padding: 0px; margin: -4px 0px 2px -4px;  color: inherit; background-color:rgb(255,255,255);box-shadow: rgb(198,198,198) 0px 0px 8px;border: 1px solid rgb(198,198,199);">   
   
6. <section style="background-color:inherit;padding: 10px 10px 4px 10px; margin: -4px 0px 2px -4px;  color: inherit; box-shadow: rgb(198,198,198) 0px 0px 8px;border: 1px solid rgb(198,198,199)">
   
7. <section style="border-radius: 10px;background-color:rgb(255,255,255);margin: 2px 0px 5px 0px; padding: 60px 0px 0px 0px;border-width: 1px; border-style: dashed; border-color: #000000;">
   
8. <section style="box-sizing:border-box">
   
9. <style type="text/css">
   
10. #marquee{width:500px;height:344px;}
    
11. #marquee div{position:absolute;width:500px;height:344x;overflow:hidden;}
    
12. #marquee image{width:500px;height:344px;}
    
13. #marquee #marquee_image{display:none;}
    
14. </style>
    
15. <div id="marquee">
    
16. <div id="marquee_back"></div>
    
17. <div id="marquee_show"></div>
    
18. <div id="marquee_image">
    
19. <div name="marquee_image" id="marquee_1">https://img.wyc520.com.cn/data/attachment/forum/202112/25/144012yzy4q4qj3s1yw9f9.jpg</div>
    
20. <div name="marquee_image" id="marquee_2">https://img.wyc520.com.cn/data/attachment/forum/202112/25/153212v0y81884iqp6l283.jpg</div>
    
21. <div name="marquee_image" id="marquee_3">https://img.wyc520.com.cn/data/attachment/forum/202112/25/153833ai4ndpa591hxp2pp.jpg</div>
    
22. <div name="marquee_image" id="marquee_4">https://img.wyc520.com.cn/data/attachment/forum/202112/25/153834m50ff618jhjoko5z.jpg</div>
    
23. <div name="marquee_image" id="marquee_5">https://img.wyc520.com.cn/data/attachment/forum/202112/25/153834ea6r11no7tod00j9.jpg</div>                    
    
24. <script type="text/javascript">
    
25. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/marquee.js"></sc"+"ript>")
    
26. </script>
    
27. </div>
    
28. <div align="center" style="position: absolute">
    
29. <img style="box-sizing:border-box;width:500px; display:block;" src="https://img.wyc520.com.cn/data/attachment/forum/202112/25/141028olv3uosolco2sqmu.png"/>
    
30. </div>
    
31. </section>
    
32. <br><br>
    
33. <section style="margin: 10px auto;text-align: center;"><section style="display: inline-block;"><section style="display: flex;"><section style="background-image: linear-gradient(#7D7D7D, #7D7D7D);padding: 5px 8px;"><section class="135brush" data-brushtype="text" style="font-size: 22px;line-height: 1em;letter-spacing: 1.5px;color: #fff;"><strong>『草原晨曦』</strong></section></section><section style="display: flex;"><section class="assistant" style="box-sizing:border-box;width: 3px;height: 35px;border-top: 1px solid #7D7D7D;border-right: 1px solid #7D7D7D;margin-top: auto;"></section></section></section>
    
34. <section class="assistant" style="box-sizing:border-box;margin-left: auto;width: 95%;height: 3px;border-left: 1px solid #7D7D7D;border-right: 1px solid #7D7D7D;border-bottom: 1px solid #7D7D7D;"></section></section>
    
35. <br><br>
    
36. <section style="text-align: center; line-height: 2.0em;" section="">
    
37. <span style="color: #000000; font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">
    
38. 演奏｜张宏光<br>
    
39. </span></section>
    
40. <br>        
    
41. <section style="text-align: left;line-height: 2em; letter-spacing: 1.5px; font-size: 15px;margin-right: 55px; margin-left: 65px;">
    
42. <span style="color: #00000"; font-family: 微软雅黑, Microsoft YaHei; ">
    
43. 　　张宏光打造了这样的一种音乐，来自草原再用感情和理解进行诠释，把生命中最动人的音符与自然界最纯朴的律动演绎的浩瀚清逸，演绎出荡气回肠。用原始的声音把内心角落里包裹着的情感通通释放，琴声中蕴酿的幽深绵长，无论激扬豪放还是抒情委婉，无不带看草原的自由和舒展，调剂着我们的心灵，卸掉我们的优伤。<br>
    
44. 　　这首曲子犹如碧空中淡淡的白云，为草原上每个美丽的晨曦拉开序幕，再把和煦的阳光洒遍草原的每一寸土地与沙丘，草原上有多少个不落的太阳便有多少个美丽的晨曦。这里的清晨有淡淡的奶茶清香在四野弥漫；这里的清晨有晨牧归来的人们在笑语欢唱；这里的清晨宁静而美丽, 如琴声般悠扬。草原上升起了不落的太阳，草原上也升腾着远古以来就生生不息的欲望。站在蔚蓝的天空下，心里特别容易寻到归依，找到平静充实的感觉，闭起眼，用心聆听这首曲子，心灵一样可以在畅往中自由的飞翔。琴声拨动心音，仿佛泛起的涟漪，舒缓悠扬的琴音似晨曦中的光芒，细润而绵长。仿佛看到碧绿如茵的草原，新的一天开始，袅袅的炊烟轻轻飘向天际，羊群和牧人欢快的吟唱，和谐的美景，展示着未来这片热土将会更加富裕安康！<br>
    
45. </span></section>
    
46. <br/><br/>   
    
47. <div align="center" style="position: relative;">
    
48. <script type="text/javascript">
    
49. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
    
50. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc"+"ript>")
    
51. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.js'></sc"+"ript>")
    
52. </script>
    
53. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.css" rel="stylesheet" type="text/css">
    
54. <div style="margin:0px auto;">
    
55.     <div class="fineplays" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
    
56.         <ul class="player-audios" style="display:none;">
    
57.             <li data-title="草原晨曦 - 张宏光">
    
58.                 <div class="player-source" data-src="http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_1982267&response=res&type=convert_url&" data-type="audio/mpeg"/>
    
59.             </li>
    
60.         </ul>
    
61.     </div>
    
62. </div>
    
63. </div>
    
64. <br><br/>
    
65. <br><br>
    
66. </div>
    
67. <br><br>

复制代码

紫念

竹轩听雨 发表于 2021-11-11 15:13
疏梅弄影

好听，好帖

洛水三千

轩师，微信号的H5排版可以和论坛上的通用么？我看着那个排版变化很多

竹轩听雨

Photography

飘~~

花心

周华建

花的心藏在蕊中
空把花期都错过
你的心忘了季节
从不轻易让人懂
为何不牵我的手
共听日月唱首歌
黑夜又白昼
黑夜又白昼
人生为欢有几何
春去春会来
花谢花会再开
只要你愿意
只要你愿意
让梦划向你心海
春去春会来
花谢花会再开
只要你愿意
只要你愿意
让梦划向你心海
花瓣泪飘落风中
虽有悲意也从容
你的泪晶莹剔透
心中一定还有梦
为何不牵我的手
同看海天成一色
潮起又潮落
潮起又潮落
送走人间许多愁
春去春会来
花谢花会再开
只要你愿意
只要你愿意
让梦划向你心海
春去春会来
花谢花会再开
只要你愿意
只要你愿意
让梦划向你心海
只要你愿意
只要你愿意
让梦划向你心海

竹轩听雨

1. <div align="center"><section style="width:660px;">
   
2. <section class="_135editor"><section style="margin:0px 10px 10px;"><section class="assistant" style="text-align: left;"><section class="assistant" style="width: 16px; height: 16px; background-color: #3B7404; border-radius: 100%; border: 4px solid #ffffff; box-sizing: border-box; display: inline-block; margin-left: -16px; overflow: hidden;"></section></section></section>
   
3. <section style="border: 1px solid #7C945E; padding: 10px; margin-top: -16px; box-sizing: border-box;">
   
4. <section class="135brush" style="background-color: #F9FFF5;border: 1px solid #7C945E; padding: 1em; ">
   
5. <br><br>
   
6. <section style="padding: 0px 10px 10px; box-sizing: border-box;">
   
7. <section style="flex: 1;margin:0 5px 1em 5px;"></section>
   
8. <section style="margin: 10px auto;"><section style="padding-bottom: 10px;"><section style="display: flex;justify-content: center;align-items: flex-end;"><section style="box-sizing:border-box;width: 45%;margin-bottom: -8px;"><section style="border: 1px solid #7C945E;padding: 8px;background: #f9fbff;"><section style="box-sizing:border-box;width: 100%;"><img style="box-sizing:border-box;width: 100%;display: block;" src="https://img.wyc520.com.cn/data/attachment/forum/202202/16/190902xuepujlzes99s6jp.jpg" data-ratio="1.038338658146965" data-w="313"/></section></section></section><section style="box-sizing:border-box;width: 35%;transform: rotate(0deg);margin-left: -2em;"><section style="display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;"><section class="assistant" style="box-sizing:border-box;width: 40%;height: 1px;background: #497D41;"></section><section class="135brush" data-brushtype="text" style="font-size: 14px;letter-spacing: 1px;padding: 0px 0em;color: #497D41;font-style: italic;">Photography</section><section class="135brush" data-brushtype="text" style="font-size: 14px;letter-spacing: 1px;padding: 0px 0em;color: #497D41;font-style: italic;">飘~~</section></section><section style="border: 8px solid #fff;"><section style="box-sizing:border-box;width: 100%;"><img style="box-sizing:border-box;width: 100%;display: block;" src="https://img.wyc520.com.cn/data/attachment/forum/202201/19/175138smz8trv7tmsktxr8.jpg" data-ratio="0.8362989323843416" data-w="281"/></section></section></section></section></section></section>
   
9. <br>
   
10. <section style="margin:10px auto;"><section style="display: flex;justify-content:center;align-items:center;"><section class="assistant" style="width:25px;"><section class="assistant" style="width:25px;"><img class="assistant" style="width:100%;display:block;" src="https://img.wyc520.com.cn/data/attachment/forum/202201/19/180733vldqxxd8yj1lmq20.png" data-ratio="1.1342281879194631" data-w="149"/></section></section><section style="margin-top:10px;text-align: center; letter-spacing:2px; line-height: 1.8; font-size: 24px; color:#fff; text-shadow: #497D41 1px 1px, #497D41 1px -1px, #497D41 -1px 1px, #497D41 -1px -1px, #497D41 0px 1.4px, #497D41 0px -1.4px, #497D41 -1.4px 0px, #497D41 1.4px 0px,#C6C6C6 0px -3px 20px;#C6C6C6 0px -3px 20px;#C6C6C6 0px -3px 20px; box-sizing: border-box;"><section style="box-sizing: border-box;"><strong class="135brush" data-brushtype="text" style="box-sizing: border-box;padding:0px 5px;text-align: right;">花心</strong></section></section><section class="assistant" style="width:25px;"><section class="assistant" style="width:25px;"><img class="assistant" style="width:100%;display:block;transform:scaleX(-1);" src="https://img.wyc520.com.cn/data/attachment/forum/202201/19/180733vldqxxd8yj1lmq20.png" data-ratio="1.1342281879194631" data-w="149"/></section></section></section></section>
    
11. <section style="text-align: center; line-height: 1.5em;" section="">
    
12. <span style="color: #497D41; font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">
    
13. 周华建
    
14. </span></section>
    
15. <br>
    
16. <section style="text-align: justify;line-height: 2.0em; letter-spacing: 1.5px; margin-right: 35px; margin-left: 240px;">
    
17. <span style="color: #497D41; font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
18. 花的心藏在蕊中<br>
    
19. 空把花期都错过<br>
    
20. 你的心忘了季节<br>
    
21. 从不轻易让人懂<br>
    
22. 为何不牵我的手<br>
    
23. 共听日月唱首歌<br>
    
24. 黑夜又白昼<br>
    
25. 黑夜又白昼<br>
    
26. 人生为欢有几何<br>
    
27. 春去春会来<br>
    
28. 花谢花会再开<br>
    
29. 只要你愿意<br>
    
30. 只要你愿意<br>
    
31. 让梦划向你心海<br>
    
32. 春去春会来<br>
    
33. 花谢花会再开<br>
    
34. 只要你愿意<br>
    
35. 只要你愿意<br>
    
36. 让梦划向你心海<br>
    
37. 花瓣泪飘落风中<br>
    
38. 虽有悲意也从容<br>
    
39. 你的泪晶莹剔透<br>
    
40. 心中一定还有梦<br>
    
41. 为何不牵我的手<br>
    
42. 同看海天成一色<br>
    
43. 潮起又潮落<br>
    
44. 潮起又潮落<br>
    
45. 送走人间许多愁<br>
    
46. 春去春会来<br>
    
47. 花谢花会再开<br>
    
48. 只要你愿意<br>
    
49. 只要你愿意<br>
    
50. 让梦划向你心海<br>
    
51. 春去春会来<br>
    
52. 花谢花会再开<br>
    
53. 只要你愿意<br>
    
54. 只要你愿意<br>
    
55. 让梦划向你心海<br>
    
56. 只要你愿意<br>
    
57. 只要你愿意<br>
    
58. 让梦划向你心海<br>
    
59. </span></section>
    
60. <br><br><br>
    
61. <div align="center" style="position: relative">
    
62. <script type="text/javascript">
    
63. document.write("<scr"+"ipt src='http://webftp.bbs.hNol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
    
64. document.write("<scr"+"ipt src='http://webftp.bbs.hNol.net/sxrx2016/players/player.js'></sc"+"ript>")
    
65. document.write("<scr"+"ipt src='http://webftp.bbs.hNol.net/sxrx2016/players/leaf/player/leaf.js'></sc"+"ript>")
    
66. </script>
    
67. <link rel="stylesheet" type="text/css" href="http://webftp.bbs.hNol.net/sxrx2016/players/leaf/player/leaf.css">
    
68. <div style="margin:0px auto;">
    
69. <p align="center"><img width="210" height="90" src="http://webftp.bbs.hNol.net/sxrx2016/players/leaf/image/player.png" border="0"></p>
    
70. <embed width="210" height="90" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hNol.net/sxrx2016/players/leaf/image/flash.swf?url=&amp;bgcolor=000000&amp;color=000000" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -45px; margin-left: -105px; position: absolute;" wmode="transparent" invokeurls="false"></embed>
    
71. <div id="leafs" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -105px; display: block; position: absolute;">
    
72.         <ul class="player-audios" style="display:None;">
    
73.             <li data-title="花心 - 周华建">
    
74.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?id=186304.mp3">
    
75.             </div></li>
    
76.         </ul>
    
77.     </div>
    
78. </div>
    
79. </div>
    
80. <br><br>
    
81. </span></p></section></section></section><section class="assistant" style="text-align: right;margin-top:-14px;"><section class="assistant" style="margin-top: 4px; margin-right: -7px; width: 16px; height: 16px; background-color: #3B7404; border-radius: 100%; border: 4px solid #ffffff; box-sizing: border-box; display: inline-block; overflow: hidden;"></section></section></section></section><section>
    
82. <br/><br/>

复制代码

雨亦飞舞

喜欢 这款  今天还在想 怎么用两张不同的图片呢，

青依依

好复杂。