帖子美化代码-转自千山论坛-婴宁

叶落

题目

文字

文字

1. <section class="_editor">
2. <section style="margin:70px 0 25px;"></section>
3. <section style="margin:25px 5px 25px;">
4. <section style="width:90%;margin:15px auto;" data-width="90%">
5. <p>
6. <br/>
7. </p>
8. </section>
9. <section style="background-color:#ffe0d6;padding:10px;box-sizing:border-box;margin-bottom:unset;">
10. <section style="background-color:#fefefe;padding:15px 10px;box-sizing:border-box;margin-bottom:unset;">
11. <section class="_editor">
12. <section style="margin:15px 15px 15px;">
13. <section style="width:65%;margin-bottom:unset;transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);" data-width="65%">
14. <section style="background-color:#fefefd;padding:0px 12px 12px 0px;box-sizing:border-box;margin-bottom:unset;">
15. <p>
16. <br/>
17. </p>
18. </section>
19. </section>
20. <section style="width:60%;margin:-5em 0 -4em;margin-left:auto;" data-width="60%">
21. <p>
22. <br/>
23. </p>
24. </section>
25. <section style="width:54%;margin-left:-10px;margin-bottom:unset;transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);" data-width="54%">
26. <section style="background-color:#fefefd;border-radius:100%;padding:6px;box-sizing:border-box;margin-bottom:unset;">
27. <p>
28. <img data-brush="img" data-copyrighted="29198" src="https://www.qlwxs.cn/data/attachment/forum/202505/11/213924ctye2efy3z38tnyc.jpg" style="width: 100%; border-radius: 100%;" data-width="100%"/>
29. </p>
30. </section>
31. </section>
32. </section>
33. </section>
34. <section class="_editor">
35. <section style="margin:15px 15px 15px;">
36. <section style="text-align:center;margin-bottom:unset;">
37. <section style="display:inline-block;margin-bottom:unset;">
38. <section style="font-size:16px;color:#ffffff;background-color:#f8a6ae;border-radius:20px;padding:3px 20px;box-sizing:border-box;margin-bottom:unset;">
39. <p>
40. <strong>题目</strong>
41. </p>
42. </section>
43. <section style="width:2.3em;margin-left:auto;margin-right:-2.5em;margin-top:-1.3em;margin-bottom:unset;" class="">
44. <p></p>
45. </section>
46. </section>
47. </section>
48. <section style="line-height:2.25em;text-align:left;color:#333333;margin-top:10px;margin-bottom:unset;">
49. <p style="font-size: 14px; letter-spacing: 0px; text-align: center;">
50. 文字
51. </p>
52. <p style="font-size: 14px; letter-spacing: 0px; text-align: center;">
53. 文字
54. </p>
55. </section>
56. </section>
57. </section>
58. </section>
59. </section>
60. </section>
61. </section>

复制代码

阿无

清莲诗社

卜算子·零落花如许

【叶落】

相遇落花前，处处幽禽语。
小沙溪畔送斜阳，同觅闲情句。

又是暮春时，零落花如许。
东风吹梦了无痕，柳线飘千缕。

QIANLIAN

1. <br>
3. <section style="width:450px;margin: 12px 10px;">
4. <section style="background: #fbd0d2;transform: rotate(-3deg);">
5. <section style="background: #fff;transform: rotate(3deg);padding: 10px;">
6. <section style="display: flex; flex-direction: column; border: solid 1px #fbd0d2; ">
7. <section style="display: flex;">
8. <section style="padding: 34px 13px 35px 28px">
9. <img style="width: 100%; max-width: 100%; display: block" src="https://wimg.588ku.com/gif320/24/07/09/cb54a89a08ba4a6f866c8d13d0b18d8c.gif">
10. </section>
11. <section style="padding: 22px 8px 20px 6px; writing-mode: vertical-rl; background-color: #bc0e18; align-self: flex-start; margin-right: 22px">
12. <p style="margin: 0px; font-family: 思源黑体; color: rgb(255, 255, 255); line-height: 16px; letter-spacing: 9px;"><span style="font-weight: bolder; font-size: 16px;">
13. 清莲诗社</span></p></section></section>
15. <section style="padding: 0 28px"><p style="margin: 0px; line-height: 1.75; text-align: justify;"><font-size="12px" style=""><font size="1" style=""><font color="#333333" face="思源黑体"><span style="letter-spacing: 4px;">
16. 卜算子·零落花如许<br><br>
17. 【叶落】
18. </span></font></font></font-size="12px">
20. <br><br>
21. <p style="margin: 0; font-family: '思源黑体'; color: #333; font-size: 14px; line-height: 1.75; letter-spacing: 4px; text-align: justify">
23. 相遇落花前，处处幽禽语。<br>
24. 小沙溪畔送斜阳，同觅闲情句。<br><br>
26. 又是暮春时，零落花如许。<br>
27. 东风吹梦了无痕，柳线飘千缕。<br><br>
29. </font></p>
30. </section>
31. <section style="align-self: flex-end; margin: 37px 32px 34px 0; font-family: '思源黑体'; color: #ffffff; font-size: 16px; line-height: 16px; letter-spacing: 2px; text-shadow: 1px 0 0 #ff0000, -1px 0 0 #bc0e18, 0 1px 0 #ff0000, 0 -1px 0 #bc0e18">QIANLIAN</section>
32. </section>
33. </section>
35. </section></section>

复制代码

叶落

阿无 发表于 2025-5-18 11:28
清莲诗社

好漂亮啊，谢谢染儿

阿无

叶落 发表于 2025-5-19 06:58
好漂亮啊，谢谢染儿

前天整理代码，看到了这个样式，感觉适合填词用。

叶落

阿无 发表于 2025-5-20 12:30
前天整理代码，看到了这个样式，感觉适合填词用。

确实是，尤其适合这题目

阿无

叶落 发表于 2025-5-20 13:10
确实是，尤其适合这题目

图片可以换。
为了配题目，换了这张图片。

叶落的词真美。

叶落

阿无 发表于 2025-5-20 18:50
图片可以换。
为了配题目，换了这张图片。

谢谢染儿谷粒