设为首页收藏本站王洪林官方网站旧版9TOM数据9TOM淘宝商城广安商城批发网
开启辅助访问

王洪林个人官网

 找回密码
 立即注册

QQ登录

只需一步，快速开始

捐赠和赞助
搜索
王洪林个人官网»社区 › 人在旅途 › 授艺学习 › [PintuerCSS前端开发学习]代码应用开发学习记录
1234下一页
返回列表 发新帖
楼主: admin
打印 上一主题 下一主题

[PintuerCSS前端开发学习]代码应用开发学习记录

  [复制链接]
admin

升级   100%

11#
 楼主| 发表于 2023-7-6 17:18:51 | 只看该作者 来自 浙江
帖子内可随时引用的样式和代码：
01
珍视和平 居安思危

我们纪念胜利，不是为了延续仇恨，而是为了不忘那段屈辱的历史，不忘那段苦难的辉煌；我们纪念胜利，是为了珍爱和平，让和平阳光永远普照大地！

  1. <section style="text-align: center;margin: 10px auto;transform-style: preserve-3d">
  2. <section style="font-size: 32px;letter-spacing: 1.5px;color: #df3b3d;margin: 24px 0 -24px 0;transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);">
  3. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  4. </section>
  5. <section style="display: flex;justify-content: center;margin-right: 5px;transform: translateZ(9px);-webkit-transform: translateZ(9px);-moz-transform: translateZ(9px);-o-transform: translateZ(9px);">
  6. <section class="assistant" style="width: 55px;height: 3px;background-color: #fff8f8;box-sizing:border-box;"></section>
  7. </section>
  8. <section style="background-color: #fff8f8;padding: 6px 10px 10px 10px;border-radius: 10px;margin-top: -8px;box-sizing:border-box;">
  9. <section style="border: 1px solid #df3b3d;padding: 30px 25px;border-radius: 10px;box-sizing:border-box;" hm_fix="415:243">
  10. <section style="display: inline-block;">
  11. <section style="font-size: 15px;letter-spacing: 1.5px;color: #df3b3d;padding: 0 6px;box-sizing:border-box;">
  12. <strong class="135brush" data-brushtype="text">珍视和平 居安思危</strong>
  13. </section>
  14. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 10px;background-color: #fbe1e5;margin-top: -8px;box-sizing:border-box;" data-width="100%"></section>
  15. </section>
  16. <section data-autoskip="1" class="135brush" style="margin-top: 10px;text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#5f5557;background: transparent;">
  17. <p style="vertical-align:inherit;">
  18. 我们纪念胜利，不是为了延续仇恨，而是为了不忘那段屈辱的历史，不忘那段苦难的辉煌；我们纪念胜利，是为了珍爱和平，让和平阳光永远普照大地！
  19. </p>
  20. </section>
  21. </section>
  22. </section>
  23. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

12#
 楼主| 发表于 2023-7-6 17:23:24 | 只看该作者 来自 浙江
帖子中可随时引用的样式和代码：
壹·节日意义

从有关七月十四/十五的传说中，可深切体认到七月十四/十五的祭祀具有双重的意义在，一是阐扬怀念祖先的孝道，一是发扬推已及人，乐善好施的义举。

  1. <section style="text-align: center; margin: 10px auto;">
  2. <section style="display: flex;justify-content: flex-start;align-items: center;background-color: #f8fbff;">
  3. <section style="display: inline-block;">
  4. <section style="background-color: #fff;padding: 0 10px;box-sizing:border-box;">
  5. <section style="display: flex;justify-content: flex-start;align-items: center;">
  6. <section class="assistant" style="width: 9px;height: 9px;background-image: linear-gradient(to right bottom,#fac39c,#fde5d1);margin-right: 10px;box-sizing:border-box;"></section>
  7. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;color: #255298;">
  8. <strong>壹·节日意义</strong>
  9. </section>
  10. </section>
  11. </section>
  12. </section>
  13. <section class="assistant" style="width: 100%;height: 1px;background-color: #255298;flex: 1;box-sizing:border-box;max-width: 100% !important;" data-width="100%"></section>
  14. </section>
  15. <section style="background-color: #f8fbff;padding: 25px 25px;box-sizing:border-box;">
  16. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#255298;background: transparent;">
  17. <p style="vertical-align:inherit;">
  18. 从有关七月十四/十五的传说中，可深切体认到七月十四/十五的祭祀具有双重的意义在，一是阐扬怀念祖先的孝道，一是发扬推已及人，乐善好施的义举。
  19. </p>
  20. </section>
  21. </section>
  22. <section class="assistant" style="width: 100%;height: 1px;background-color: #255298;margin-top: 4px;box-sizing:border-box;max-width: 100% !important;" data-width="100%"></section>
  23. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

13#
 楼主| 发表于 2023-7-6 17:25:48 | 只看该作者 来自 浙江
帖子中可随时引入的样式和代码：
# 公告通知 #

    随着夏天的到来天气越来越热，为了让大家释放工作压力，丰富大家的工作生活，增强同事部门之间的交流协作，公司将于周六组织一场趣味团队活动。

  1. <section style="text-align: left;margin: 10px auto;">
  2. <section style="display: flex;align-items: center;">
  3. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;color: #6b82b4;">
  4. <strong># 公告通知 #</strong>
  5. </section>
  6. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 12px;background-color: #fbe6eb;flex: 1;box-sizing:border-box;" data-width="100%"></section>
  7. </section>
  8. <section style="background-color: #f5f8ff;padding: 30px 25px 20px 25px;margin-top: -7px;box-sizing:border-box;">
  9. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#494a49;background: transparent;">
  10. <p style="vertical-align:inherit;">
  11. &nbsp;&nbsp;&nbsp;&nbsp;随着夏天的到来天气越来越热，为了让大家释放工作压力，丰富大家的工作生活，增强同事部门之间的交流协作，公司将于周六组织一场趣味团队活动。
  12. </p>
  13. </section>
  14. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 2px;margin-top: 20px;background-color: #6f85b4;box-sizing:border-box;" data-width="100%"></section>
  15. </section>
  16. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

14#
 楼主| 发表于 2023-7-6 17:28:36 | 只看该作者 来自 浙江
帖子中可随时引用的样式和代码：
标题内容

暴雨天气最好不要开车出行，城市中，刚下过暴雨，路面比较湿滑，城中容易积水，开车出行容易出现交通事故。如必须出行，请及时了解路况信息，提前绕行积水路段和易发生山洪、泥石流路段。下面这几条雨天行车注意事项了解一下。


  1. <section style="margin: 10px auto;text-align: center;">
  2. <section style="font-size: 36px;letter-spacing: 1.5px;color: #0b79ff;text-align: left;margin: 0 0 -25px 40px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
  3. <strong>0</strong><strong class="autonum" data-original-title="" title="">1</strong>
  4. </section>
  5. <section style="display: flex;justify-content: flex-start;align-items: center;margin: 0 0 -4px 25px;">
  6. <section style="width: 7px;height: 7px;background-color: #0b79ff;border-radius: 50%;box-sizing:border-box;"></section>
  7. <section style="width: 20%;height: 1px;background-color: #fff;box-sizing:border-box;max-width: 20% !important;" data-width="20%"></section>
  8. </section>
  9. <section style="border: 1px solid #5ca6ff;padding: 30px 25px;border-radius: 12px;box-sizing:border-box;">
  10. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
  11. <p style="vertical-align:inherit;">
  12. 暴雨天气最好不要开车出行，城市中，刚下过暴雨，路面比较湿滑，城中容易积水，开车出行容易出现交通事故。如必须出行，请及时了解路况信息，提前绕行积水路段和易发生山洪、泥石流路段。下面这几条雨天行车注意事项了解一下。
  13. </p>
  14. </section>
  15. </section>
  16. </section>
  17. <section class="_135editor" data-role="paragraph">
  18. <p style="vertical-align:inherit;">
  19. <br/>
  20. </p>
  21. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

15#
 楼主| 发表于 2023-7-6 17:34:13 | 只看该作者 来自 浙江
帖子中可随时引用的样式和代码：
DASHU

大暑期间，我国台湾有吃凤梨的习俗，民间百姓认为这个时节的凤梨最好吃。加上凤梨的闽南语发音和旺来相同，所以凤梨也被用来作为祈求平安吉祥、生意兴隆的象征。

  1. <section style="text-align: center;margin: 10px 0;">
  2. <section style="background-image: linear-gradient(to right top, #f2fffd, #fff8f4);padding: 30px 20px 25px 20px;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: center;">
  4. <section class="135brush" data-brushtype="text" style="font-size: 12px;letter-spacing: 1.5px;color: #64d9d5;margin-right: 10px;">
  5. DASHU
  6. </section>
  7. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #ffc89f;flex: 1;margin-top: 9px;box-sizing:border-box;" data-width="100%"></section>
  8. </section>
  9. <section data-autoskip="1" class="135brush" style="padding: 12px 10px 20px 10px;text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#4b5b5a;background: transparent;box-sizing:border-box;">
  10. <p style="vertical-align:inherit;">
  11. 大暑期间，我国台湾有吃凤梨的习俗，民间百姓认为这个时节的凤梨最好吃。加上凤梨的闽南语发音和旺来相同，所以凤梨也被用来作为祈求平安吉祥、生意兴隆的象征。
  12. </p>
  13. </section>
  14. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 1px;background-color: #6ddbd8;box-sizing:border-box;" data-width="100%"></section>
  15. </section>
  16. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

16#
 楼主| 发表于 2023-7-6 17:40:05 | 只看该作者 来自 浙江
帖子中可随时引用的样式和代码：

一切纪实的方法都是为了描述我内心体验到的真实世界。我们几乎无法接近真实本身，电影的意义也不是仅仅为了到达真实的层面。我追求电影中的真实感甚于追求真实，因为我觉得真实感在美学的层面，而真实仅仅停留在社会学的范畴。

  1. <section style="margin: 10px auto; text-align: center;">
  2. <section style="background-color: #f9ede3;padding-bottom:10px;border-radius: 8px;box-sizing:border-box;">
  3. <section style="display: flex;justify-content: flex-end;">
  4. <section class="assistant" style="width: 20%;height: 10px;background-color: #d4a980;border-radius: 0 10px 0 10px;box-sizing:border-box;max-width: 20% !important;" data-width="20%"></section>
  5. </section>
  6. <section style="padding: 0 13px 0 13px; background-color: #f9ede3;border-radius: 8px;background-image: url(/upimages/54d4.png);background-size: 21%;background-repeat: no-repeat;background-position: bottom right;box-sizing:border-box;">
  7. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#8f6127;background: transparent;padding: 20px 10px 15px 10px;box-sizing:border-box;">
  8. <p style="vertical-align:inherit;">
  9. 一切纪实的方法都是为了描述我内心体验到的真实世界。我们几乎无法接近真实本身，电影的意义也不是仅仅为了到达真实的层面。我追求电影中的真实感甚于追求真实，因为我觉得真实感在美学的层面，而真实仅仅停留在社会学的范畴。
  10. </p>
  11. </section>
  12. </section>
  13. </section>
  14. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

17#
 楼主| 发表于 2023-7-6 17:47:48 | 只看该作者 来自 浙江
帖子中可随时引入的样式和代码：
韭菜的自我修养

以自身在投资领域的成长经历来告诉读者，自要努力提高自身修养，就能逃脱长期当“韭菜”的命运，这样的角度也符合他一贯“人生导师”的人设，也能混淆一部分视听，绕过他自己是否有“割韭菜”意图的争论，让自己的形象处于比较有利的位置。

  1. <section style="margin: 10px auto; text-align: left;">
  2. <section style="background: #fff9f2;padding: 12px 0px 0px 0px;box-sizing:border-box;">
  3. <section style="background-image: url(/upimages/1wbmc.png);background-size: 150px;background-repeat: no-repeat;background-position:left top;">
  4. <section style="background-image: url(/upimages/2wbmc.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;padding:1.3em 1em 1em 1em;box-sizing:border-box;">
  5. <section style="display: flex;justify-content: center;align-items: center;">
  6. <section class="assistant" style="box-sizing:border-box;margin-left:5px;margin-bottom: 5px;align-self: flex-end;display: inline-block;height: 1px;background: linear-gradient(to right,rgba(255,255,255,0) 0%,#fc925e);align-self: center;margin-left: -0px;flex: 1;margin-top: 5px;"></section>
  7. <section class="assistan" style="width: 10px;height: 10px;background: #fc925e;box-sizing:border-box;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);"></section>
  8. <section style="margin: 0px 10px;">
  9. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;padding: 0px 1em;color: #fd8f61;box-sizing:border-box;">
  10. <strong>韭菜的自我修养</strong>
  11. </section>
  12. <section class="assistant" style="max-width: 100% !important;width: 100%;height: 15px;background: #ffefdf;border-radius: 30px;margin-top: -10px;box-sizing:border-box;" data-width="100%"></section>
  13. </section>
  14. <section class="assistan" style="width: 10px;height: 10px;background: #fc925e;box-sizing:border-box;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);"></section>
  15. <section class="assistant" style="box-sizing:border-box;margin-left:5px;margin-bottom: 5px;align-self: flex-end;display: inline-block;height: 1px;background: linear-gradient(to left,rgba(255,255,255,0) 0%,#fc925e);align-self: center;margin-left: -0px;flex: 1;margin-top: 5px;"></section>
  16. </section>
  17. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#736b60;background: transparent;margin-top: 1em;">
  18. <p style="vertical-align:inherit;">
  19. 以自身在投资领域的成长经历来告诉读者，自要努力提高自身修养，就能逃脱长期当“韭菜”的命运，这样的角度也符合他一贯“人生导师”的人设，也能混淆一部分视听，绕过他自己是否有“割韭菜”意图的争论，让自己的形象处于比较有利的位置。
  20. </p>
  21. </section>
  22. </section>
  23. </section>
  24. </section>
  25. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

18#
 楼主| 发表于 2023-7-6 17:54:20 | 只看该作者 来自 浙江
帖子中可随时引用的样式和代码：

   标题内容：

教师在课堂上，只能面对大多数同学的水平和进度授课，不可能面面俱到。而思维较慢、接受能力较弱的同学，在这种情况下，会感觉听起课来很吃力。往往是教师授课的几句话反应不过来。

  1. <section style="margin: 10px auto;">
  2. <section style="border: 1px solid #ff0000;padding: 4px;box-sizing:border-box;">
  3. <section style="background: #fef7f8;padding: 1em 1em 1.3em 1em;box-sizing:border-box;">
  4. <h2 style="font-size:17px;">
  5. &nbsp; &nbsp;标题内容：
  6. </h2>
  7. <hr style="color:red;"/>
  8. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333;margin-left: 15px;">
  9. <p style="vertical-align:inherit;">
  10. 教师在课堂上，只能面对大多数同学的水平和进度授课，不可能面面俱到。而思维较慢、接受能力较弱的同学，在这种情况下，会感觉听起课来很吃力。往往是教师授课的几句话反应不过来。
  11. </p>
  12. </section>
  13. </section>
  14. <section style="display: flex;justify-content: flex-end;margin-top: -20px;">
  15. <section class="assistant" style="width: 0px;height: 1px;border-bottom: 20px solid #fff; border-left: 20px solid transparent;box-sizing:border-box;"></section>
  16. </section>
  17. </section>
  18. </section>
复制代码
下面是第二个样式和代码：

全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。

  1. <section style="margin: 10px 0px;">
  2. <section style="display: flex;">
  3. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background-color: #cf1512;padding: 1em;box-sizing:border-box;">
  4. <p style="vertical-align:inherit;">
  5. 全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。
  6. </p>
  7. </section>
  8. <section class="assistant" style="width: 8px;background-color: #feb328; flex-shrink: 0;box-sizing:border-box;"></section>
  9. </section>
  10. <section class="assistant" style="height: 8px;background-color: #feb328; flex-shrink: 0;"></section>
  11. </section>
复制代码
分出来的块样式和代码：

全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。

  1. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#ffffff;background-color: #cf1512;padding: 1em;box-sizing:border-box;">
  2. <p style="vertical-align:inherit;">
  3. 全国两会每5年为一届，2020年两会是指十三届全国人大三次会议和全国政协十三届三次会议。那么，2021年全国两会是指中华人民共和国第十三届全国人大四次会议和中国人民政协第十三届四次会议。
  4. </p>
  5. </section>
  6. <section class="assistant" style="width: 8px;background-color: #feb328; flex-shrink: 0;box-sizing:border-box;"></section>
  7. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

19#
 楼主| 发表于 2023-7-6 19:38:41 | 只看该作者 来自 浙江
帖子中可随时引用的样式和代码：
信
息
内
容
记录时间

2023年7月1日

记录地点

长宏大道22号

记录简述

这里是简述内容

  1. <section style="margin: 10px auto;">
  2. <section style="display: flex;justify-content: center;margin: 0 0 -15px;" class="">
  3. <section style="display: flex;justify-content: center;padding: 0 2px;background-color: #ffffff;box-sizing:border-box;">
  4. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #fdd227; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  5. <strong class="135brush" data-brushtype="text">信</strong>
  6. </section>
  7. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #b6d315; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  8. <strong class="135brush" data-brushtype="text">息</strong>
  9. </section>
  10. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #fdd227; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  11. <strong class="135brush" data-brushtype="text">内</strong>
  12. </section>
  13. <section class="box-edit" style="font-size: 16px;color: #ffffff;width: 30px;height: 30px;text-align: center;background-color: #b6d315; margin: 0 2px;display: flex;justify-content: center;align-items: center;box-sizing:border-box;">
  14. <strong class="135brush" data-brushtype="text">容</strong>
  15. </section>
  16. </section>
  17. </section>
  18. <section style="border-top: 1px solid #77ae4c;background-color: #fdfcf3;box-sizing:border-box;">
  19. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  20. <section style="flex-shrink: 0;">
  21. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  22. <strong class="135brush" data-brushtype="text">记录时间</strong>
  23. </section>
  24. </section>
  25. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  26. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  27. <p>
  28. 2023年7月1日
  29. </p>
  30. </section>
  31. </section>
  32. </section>
  33. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  34. <section style="flex-shrink: 0;">
  35. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  36. <strong class="135brush" data-brushtype="text">记录地点</strong>
  37. </section>
  38. </section>
  39. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  40. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  41. <p>
  42. 长宏大道22号
  43. </p>
  44. </section>
  45. </section>
  46. </section>
  47. <section class="box-edit" style="display: flex;justify-content: flex-start;align-items: center;background-color: #e3fafb;margin: 13px 0 0;border-radius: 6px 0 0 6px;box-sizing:border-box;">
  48. <section style="flex-shrink: 0;">
  49. <section style="font-size: 16px;color: #ffffff;background-color: #56c5d2;border-radius: 5px;padding: 3px 10px;box-sizing:border-box;">
  50. <strong class="135brush" data-brushtype="text">记录简述</strong>
  51. </section>
  52. </section>
  53. <section style="width: 100%;display: flex;align-items: center;max-width: 100% !important;box-sizing:border-box;" data-width="100%">
  54. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background-color: transparent;padding: 3px 5px 3px 15px;box-sizing:border-box;">
  55. <p>
  56. 这里是简述内容
  57. </p>
  58. </section>
  59. </section>
  60. </section>
  61. </section>
  62. </section>
复制代码
回复 支持 反对

使用道具 举报

admin

升级   100%

20#
 楼主| 发表于 2023-7-6 20:03:02 | 只看该作者 来自 浙江
帖子中可随时引用的样式和代码：

2014年2月27日，十二届全国人大常委会第七次会议通过决定，以立法形式将12月13日设立为南京大屠杀死难者国家公祭日。

  1. <section style="margin: 10px auto;">
  2. <section style="display: flex;justify-content: flex-end;">
  3. <section style="width: 30%;border-top: 1px solid #690a01;box-sizing:border-box;max-width: 30% !important;" data-width="30%"></section>
  4. </section>
  5. <section style="background-color: #eaeaea;padding: 25px 20px;box-sizing:border-box;">
  6. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#333333;background: transparent;">
  7. <p>
  8. 2014年2月27日，十二届全国人大常委会第七次会议通过决定，以立法形式将12月13日设立为南京大屠杀死难者国家公祭日。
  9. </p>
  10. </section>
  11. </section>
  12. <section style="display: flex;justify-content: flex-start;">
  13. <section style="width: 30%;border-top: 1px solid #690a01;box-sizing:border-box;max-width: 30% !important;" data-width="30%"></section>
  14. </section>
  15. </section>
复制代码
回复 支持 反对

使用道具 举报

下一页 »
1234下一页
返回列表 发新帖
懒得打字嘛，点击右侧快捷回复 充值金钱,充值卡购买等请点此联系站长
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Gamart.net Inc. ( 蜀ICP备11002741号 )   

GMT+8, 2024-5-22 06:12 , Processed in 0.335821 second(s), 29 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2023 Comsenz Inc.

快速回复 返回顶部 返回列表