小苇 发表于 2020-2-18 23:18:29

正文样式

<section class="KolEditor" data-tools-id="92313">
    <section style="margin:0 auto;">
      <section style="padding: 26px 23px;display: flex;justify-content: center;align-items: center;width: 100%;box-sizing: border-box;border: 1px solid RGB(223,162,86);border-radius: 10px;">
            <section>
                <p style="margin:0;letter-spacing: 4px;color:rgb(119,119,119);font-size: 14px;line-height: 1.8;">
                  测试文字,<span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span><span style="color: rgb(119, 119, 119); font-size: 14px; letter-spacing: 4px;">测试文字</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                </p>
            </section>
      </section>
    </section>
</section>
<p>
    <br/>
</p>
<p>
    <br/>
</p>
<section class="KolEditor" data-tools-id="19281">
    <section style="padding: 15px;border: 2px dashed #b90412;">
      <p style="margin: 0;font-size: 13px;letter-spacing: 1.5px;line-height: 1.75;color: #333;text-align: justify;;">
            这是广泛流传在阳加、白沙、荫田等地的一首民谣。毘帽峰,坐落在阳加乡的阳加洲附近。
      </p>
    </section>
</section>
<p>
    <br/>
</p>
<section class="KolEditor">
    <section style="margin:0 auto;display: flex;justify-content: center;align-items: center;">
      <section style="width:100%;border:1px solid #6997af;border-width:0 3px;padding:0 4px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;align-items: center;">
            <section style="width: 3px;height: 18px;background-color: #a3bfcd;flex-shrink: 0;align-self: flex-start;"></section>
            <section style="width:100%;box-sizing: border-box;margin-left: 8px;">
                <p style="margin:0;text-align: justify;font-size:13px;color:#333;letter-spacing:1.5px;line-height:1.75;">
                  自谋生路,不论干那一行,都要具备一定的商业知识和经营之道。你一旦选择了自谋生路,就要眼观六路,耳听八方,没有丰富的商业知识和经营之道,就难以把握商机,甚至开展不了业务。
                </p>
            </section>
            <section style="width: 3px;height: 18px;background-color: #a3bfcd;flex-shrink: 0;align-self: flex-end;"></section>
      </section>
    </section>
</section>
<p>
    <br/>
</p>
<section class="KolEditor">
    <section style="margin:0 auto;display: flex;justify-content: center;align-items: center;">
      <section style="width: 100%;background: #7eaea6;padding:3px;box-sizing: border-box;">
            <section style="border: solid 1px #dbddc3;padding:17px 7px;box-sizing: border-box;">
                <p style="margin:0;text-align: justify;font-size: 13px;color: #dbddc3;letter-spacing: 1.5px;line-height: 1.75;">
                  正德早有同感,顺口道:“那就叫‘毘帽峰’吧。”从那以后,笔杆峰便改名为毘帽峰,因峰上元帝庙所盖的都是铁瓦,常遭雷击,现已重修,其壮观不减当年。
                </p>
            </section>
      </section>
    </section>
</section>
<p>
    <br/>
</p>
<section class="KolEditor">
    <section style="margin:0 auto;display: flex;justify-content: center;align-items: center;margin: 11px 0 0 0;">
      <section style="box-sizing: border-box;width: 100%;border: 1px solid #e88756;display: flex;flex-direction: column;">
            <section style="margin: -11px 0 0 0;;align-self: center;padding: 1px 10px;background-color: #e88756;">
                <p style="margin: 0;font-size: 15px;color: #fff;letter-spacing: 1.5px;">
                  ROSE
                </p>
            </section>
            <section style="margin: 15px;">
                <p style="margin: 0;font-size: 13px;color: #808080;letter-spacing: 1.5px;line-height: 1.75;">
                  在欧洲诸语言中,蔷薇、玫瑰、月季都是使用同一个词,如英语是rose,德语是Die Rose。玫瑰是英国的国花。通俗意义中的“玫瑰”已成为多种蔷薇属植物的通称
                </p>
            </section>
      </section>
    </section>
</section>
<section class="_editor">
    <p>
      <br/>
&nbsp; &nbsp;
    </p>
</section>
<section class="_editor" data-support="MDZ编辑器" data-style-id="25482">
    <section style="text-align: right;margin:10px 5px;">
      <section style="background-color: rgb(255, 224, 24); padding-right: 15px; padding-left: 15px; display: inline-block; box-sizing: border-box;">
            <p style="letter-spacing: 2px;">
                请输入标题
                <mpchecktext contenteditable="false" id="1574728010750_0.21489647614090268"></mpchecktext>
            </p>
      </section>
      <section style="margin-top:-10px;border-style: solid; border-width: 1px; border-color: rgb(172, 172, 172); background-color: rgb(254, 254, 254); box-sizing: border-box;">
            <section style="margin: -3px -3px 3px 3px; border-style: solid; border-width: 1px; border-color: rgb(172, 172, 172); background-color: rgb(253, 253, 253); box-sizing: border-box;">
                <section style="margin: -3px -3px 3px 3px; border-style: solid; border-width: 1px; border-color: rgb(172, 172, 172); background-color: rgb(255, 255, 255); padding: 15px; box-sizing: border-box;">
                  <p style="text-align: left; letter-spacing: 2px;">
                        <span style="font-size: 14px;">正德早有同感,顺口道:“那就叫‘毘帽峰’吧。”从那以后,笔杆峰便改名为毘帽峰,因峰上元帝庙所盖的都是铁瓦,常遭雷击,现已重修,其壮观不减当年。</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  </p>
                </section>
            </section>
      </section>
    </section>
</section>
<section class="_editor">
    <p>
      <br/>
&nbsp; &nbsp;
    </p>
</section>
<section class="_editor" data-support="MDZ编辑器" data-style-id="25136">
    <section class="tool-border">
      <section></section>
      <section></section>
      <section></section>
      <section></section>
    </section>
    <section style="margin:10px 5px 10px;">
      <section style="box-shadow: #7e7e7e 0px 0px 5px; padding: 8px; border-radius: 8px; box-sizing: border-box;">
            <section style="border-style: solid; border-width: 1px; border-color: #ffd87c; border-radius: 8px; padding: 15px 15px 15px; box-sizing: border-box;">
                <section style="display: flex;justify-content:center;align-items:center;">
                  <section style="width: 8px; height: 8px; background-color: #ffd87c; border-radius: 50%; box-sizing: border-box;">
                        <br/>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  </section>
                  <section style="margin-left: 5px; width: 10px; height: 10px; background-color: #ffd87c; border-radius: 50%; box-sizing: border-box;">
                        <br/>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  </section>
                  <section style="margin-left: 8px; background-color: #ffd87c; padding: 3px 15px; border-radius: 12px; box-sizing: border-box;">
                        <p style="letter-spacing: 1px;">
                            <span style="color: #fefefe;">内容介绍
                            <mpchecktext contenteditable="false" id="1578380910587_0.27909727727564637"></mpchecktext></span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        </p>
                  </section>
                  <section style="margin-left: 8px; width: 10px; height: 10px; background-color: #ffd87c; border-radius: 50%; box-sizing: border-box;">
                        <br/>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  </section>
                  <section style="margin-left: 5px; width: 8px; height: 8px; background-color: #ffd87c; border-radius: 50%; box-sizing: border-box;">
                        <br/>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  </section>
                </section>
                <section class="_li">
                  <section style="margin-top:20px;margin-bottom:3px;display: flex;align-items:center;">
                        <section style="width: 0.5em; height: 0.5em; border-radius: 100%; background: #ffd87c; margin-top: 3px; box-sizing: border-box;">
                            <br/>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        </section>
                        <section style="margin-left:5px;">
                            <p style="letter-spacing: 2px;">
                              <strong><span style="color: #292523; font-size: 15px;">1111111
                              <mpchecktext contenteditable="false" id="1578380910588_0.2318698448381027"></mpchecktext></span></strong>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            </p>
                        </section>
                  </section>
                  <section style="margin-top: 5px; margin-bottom: 5px;">
                        <p style="letter-spacing: 2px;">
                            <span style="font-size: 14px;"><span style="color: #3f3f3f; font-family: &quot;Microsoft Yahei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Hiragino Sans GB&quot;, &quot;Heiti SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 14px; letter-spacing: 1.5px; text-align: justify;">这是广泛流传在阳加、白沙、荫田等地的一首民谣</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            <mpchecktext contenteditable="false" id="1578380910589_0.8886660991077107"></mpchecktext></span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        </p>
                  </section>
                </section>
                <section class="_li">
                  <section style="margin-top:20px;margin-bottom:3px;display: flex;align-items:center;">
                        <section style="width: 0.5em; height: 0.5em; border-radius: 100%; background: #ffd87c; margin-top: 3px; box-sizing: border-box;">
                            <br/>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        </section>
                        <section style="margin-left:5px;">
                            <p style="letter-spacing: 2px;">
                              <span style="font-size: 15px;"><strong><span style="color: #292523;">2222222
                              <mpchecktext contenteditable="false" id="1578380910590_0.2801595483884316"></mpchecktext></span></strong></span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                            </p>
                        </section>
                  </section>
                  <section style="margin-top: 5px; margin-bottom: 5px;">
                        <p style="letter-spacing: 2px;">
                            <span style="font-size: 14px;">这是广泛流传在阳加、白沙、荫田等地的一首民谣
                            <mpchecktext contenteditable="false" id="1578380910591_0.24683840585659023"></mpchecktext></span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        </p>
                  </section>
                </section>
            </section>
      </section>
    </section>
</section>
<section class="_editor">
    <p>
      <br/>
&nbsp; &nbsp;
    </p>
</section>
<section class="_editor">
    <p>
      <br/>
&nbsp; &nbsp;
    </p>
</section>
<section class="_editor" data-support="MDZ编辑器" data-style-id="24957" data-color="rgb(252, 180, 43)">
    <section style="padding-top: 10px; padding-bottom: 10px;">
      <section style="width: 100%; border-width: 2px; border-style: dashed; border-color: rgb(252, 180, 43); text-align: center; padding: 10px; border-radius: 10px;" data-width="100%">
            <section style="background-color: rgb(252, 180, 43); padding: 15px; border-radius: 10px; color: rgb(255, 255, 255);">
                <p style="text-align: left; letter-spacing: 2px;">
                  <span style="font-size: 14px;">曾经以为,相爱的人一定要相守,只有相守,情感才能长久。可是,此岸和彼岸只不过是空间的差距,却无法拉长心灵的距离.</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                </p>
            </section>
      </section>
      <section style="background-color: rgb(254, 254, 254); width: 15px; height: 10px; border-width: 0px 0px 2px 2px; border-color: rgb(252, 180, 43); border-style: dashed; margin-top: -4px; margin-left: 20px; transform: skew(0deg, -40deg);"></section>
    </section>
</section>
<section class="_editor" data-support="MDZ编辑器" data-style-id="24651">
    <section style="margin:20px 0px;">
      <section style="text-align: left;margin-bottom: -44px;">
            <section style="display: inline-block;">
                <section style="height: 0px;width: 0px;border-top:6px solid transparent;border-right:10px solid #e1bc37;border-bottom:0px solid transparent;z-index: 999;"></section>
                <section style="margin-top:-1px;display: flex;justify-content:center;align-items: center;">
                  <section style="display:inline-block;background: #ffca26;color:#fff;padding: 4px 10px 4px 14px;">
                        输入标题
                  </section>
                  <section style="height: 0px;width: 0px;border-top:35px solid transparent;border-left:10px solid #ffca26;border-bottom:0px solid transparent;z-index: 999;"></section>
                </section>
            </section>
      </section>
      <section style="width: 94%;margin:0px auto;" data-width="94%">
            <section style="box-shadow: #d5d5d5 0px 0px 6px;">
                <section>
                  <section style="font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;color:#333;padding:3.5em 1em 1em 1em;">
                        <p style="letter-spacing:2px;">
                            <span style="color: rgb(63, 63, 63); font-family: &quot;Microsoft Yahei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Hiragino Sans GB&quot;, &quot;Heiti SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 14px; letter-spacing: 1.5px; text-align: justify;">正德早有同感,顺口道:“那就叫‘毘帽峰’吧。”从那以后,笔杆峰便改名为毘帽峰,因峰上元帝庙所盖的都是铁瓦,常遭雷击,现已重修,其壮观不减当年。</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        </p>
                  </section>
                </section>
            </section>
      </section>
    </section>
</section>
<section class="_editor" data-support="MDZ编辑器" data-style-id="24448">
    <section style="margin:10px 0px;">
      <section style="margin-top: 10px; margin-bottom: 10px;">
            <section style="display:inline-block;padding-right: 7px; padding-left: 7px; background: #fefefe; margin-top: -11px; align-self: flex-start; box-sizing: border-box;">
                <p style="font-size: 13px; line-height: 1.75; letter-spacing: 1.5px; color: #0573af;">
                  <span style="font-size: 14px;">SUMMER</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                </p>
            </section>
            <section style="margin-top:-15px;width: 100%; height: 2px; background: #b6e4fd; color: #0573af;" data-width="100%"></section>
            <section style="line-height:24px;text-align:justify;margin:15px 10px 5px;">
                <p style="letter-spacing:1px;">
                  <span style="color: #888888; font-size: 14px;">夏天的味道,风轻无雨,只有骄阳炙烤着大地,连同我的思绪一起飘逸,一时找不到心灵的静谧,滚烫的红豆与炎热的思念在纯洁的心间热情的跳动。&nbsp;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                </p>
            </section>
            <section style="width: 100%; height: 2px; background: #b6e4fd; color: #0573af; margin-top: 10px;" data-width="100%"></section>
      </section>
    </section>
</section>
<section class="_editor" data-support="MDZ编辑器" data-style-id="24376">
    <section style="margin:20px 0px;">
      <section style="margin-bottom:-3.5em;">
            <section style="background: #4888b3;font-size: 16px;letter-spacing: 1.5px; text-align: center;padding:6px 0px;color: #fff;transform: rotatez(0deg);">
                Happy Father&#39;s DAY
            </section>
            <section style="display: flex;justify-content: space-between;align-items: flex-end;">
                <section style="width:0px; height:0px; border-bottom:solid 10px transparent; border-right:solid 10px rgb(11, 65, 92);"></section>
                <section style="width:0px; height:0px; border-bottom:solid 10px transparent; border-left:solid 10px rgb(11, 65, 92);"></section>
            </section>
      </section>
      <section style="margin:0px 10px;border-style:solid;border-width:1px;border-color:#026189;padding:60px 15px 15px;">
            <p style="letter-spacing: 2px;">
                <span style="font-size: 14px;">阳光透过窗户,落在桌椅上,与影子形成莫名的契合。再从那个角度望去,曾经已不再是曾经。蓦然,才想起自己已经毕业了。回不去了吧。</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            </p>
      </section>
    </section>
</section>









<section class="_editor">
    <p>
      <br/>
    </p>
</section>
<section class="_editor" data-support="96编辑器" data-style-id="24280" data-color="rgb(182, 228, 253)">
    <section style="margin:13px;">
      <section style="text-align: center;">
            <section style="box-shadow: rgb(182, 228, 253) 0px 0px 13px 0px; border-radius: 8px; padding-top: 30px; padding-bottom: 15px; box-sizing: border-box;">
                <section style="width: 100%; height: 1px; background-color: rgb(182, 228, 253); color: rgb(5, 115, 175);" data-width="100%"></section>
                <section style="margin-top: -15px;">
                  <section style="background-color:#fefefe;display:inline-block;">
                        <section style="display: flex;justify-content:center;align-items: center;">
                            <section>
                              <section style="width: 10px; height: 10px; border-width: 1px; border-style: solid; border-color: rgb(182, 228, 253); margin-left: 6px; transform: rotate(45deg);"></section>
                              <section style="width: 10px; height: 10px; background-color: rgb(182, 228, 253); margin-top: -10px; transform: rotate(45deg); color: rgb(5, 115, 175);"></section>
                            </section>
                            <p style="margin-right: 10px;margin-left: 10px;">
                              <span style="color: rgb(5, 115, 175);"><strong>毘帽峰故事</strong></span>
                            </p>
                            <section>
                              <section style="width: 10px; height: 10px; border-width: 1px; border-style: solid; border-color: rgb(182, 228, 253); margin-left: 6px; transform: rotate(45deg);"></section>
                              <section style="width: 10px; height: 10px; background-color: rgb(182, 228, 253); margin-top: -10px; transform: rotate(45deg); color: rgb(5, 115, 175);"></section>
                            </section>
                        </section>
                  </section>
                </section>
                <section style="margin:10px 20px;">
                  <p style="text-align: left;letter-spacing: 2px;">
                        <span style="font-size: 14px;">正德早有同感,顺口道:“那就叫‘毘帽峰’吧。”从那以后,笔杆峰便改名为毘帽峰,因峰上元帝庙所盖的都是铁瓦,常遭雷击,现已重修,其壮观不减当年。</span>
                  </p>
                </section>
            </section>
      </section>
    </section>
</section>
页: [1]
查看完整版本: 正文样式