从微信编辑器扒的好看的目录代码

<section style="margin:0px 0 4px 4px;display:flex;justify-content:center;align-items:center;">
  <section style="display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;">
    <section style="display:flex;flex-direction:row;justify-content:center;align-items:center;">
      <section style="display:flex;flex-direction:column;justify-content:center;align-items:center;">
        <section style="width:10px;height:1px;background:#52a4e4;flex-shrink:0;"></section>
        <section style="width:10px;height:1px;background:#52a4e4;flex-shrink:0;margin:4px 0 4px -4px;"></section>
        <section style="width:10px;height:1px;background:#52a4e4;flex-shrink:0;"></section>
      </section>
      <section style="margin:0 6px;">
<p style="margin:0;font-size:14px;color:#52a4e4;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	教程目录
</p>
</section>
      <section style="display:flex;flex-direction:column;justify-content:center;align-items:center;">
        <section style="width:10px;height:1px;background:#52a4e4;flex-shrink:0;"></section>
        <section style="width:10px;height:1px;background:#52a4e4;flex-shrink:0;margin:4px -4px 4px 0;"></section>
        <section style="width:10px;height:1px;background:#52a4e4;flex-shrink:0;"></section>
      </section>
    </section>
    <section style="display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin:15px 0 13px;">
      <section style="background-color:#52a4e4;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:15px 0 0 15px;padding:5px 5px 5px 12px;width:20%;display:flex;justify-content:center;align-items:center;">
<p style="margin:0;font-size:12px;color:#fff;letter-spacing:1.5px;line-height:1.75;text-align:center;">
	第一节
</p>
</section>
      <section style="background-color:#fff;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:0 15px 15px 0;padding:8px;width:80%;margin-left:8px;display:flex;align-items:center;">
<p style="margin:0;font-size:12px;color:#333;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	<a href="http://www.su1018.cn/yinxiao/465.html" target="_blank">更换音效或者在线替换的说明教程</a> 
</p>
</section>
    </section>
    <section style="display:flex;flex-direction:row;justify-content:flex-start;width:100%;">
      <section style="background-color:#52a4e4;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:15px 0 0 15px;padding:5px 5px 5px 12px;width:20%;display:flex;justify-content:center;align-items:center;">
<p style="margin:0;font-size:12px;color:#fff;letter-spacing:1.5px;line-height:1.75;text-align:center;">
	第二节
</p>
</section>
      <section style="background-color:#fff;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:0 15px 15px 0;padding:8px;width:80%;margin-left:8px;display:flex;align-items:center;">
<p style="margin:0;font-size:12px;color:#333;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	<a href="http://www.su1018.cn/yinxiao/466.html" target="_blank">设置快捷键教程</a> 
</p>
</section>
    </section>
    <section style="display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin-top:13px;">
      <section style="background-color:#52a4e4;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:15px 0 0 15px;padding:5px 5px 5px 12px;width:20%;display:flex;justify-content:center;align-items:center;">
<p style="margin:0;font-size:12px;color:#fff;letter-spacing:1.5px;line-height:1.75;text-align:center;">
	第三节
</p>
</section>
      <section style="background-color:#fff;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:0 15px 15px 0;padding:8px;width:80%;margin-left:8px;display:flex;align-items:center;">
<p style="margin:0;font-size:12px;color:#333;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	<a href="http://www.su1018.cn/yinxiao/467.html" target="_blank">看图猜成语的更新与说明</a> 
</p>
</section>
    </section>
	    <section style="display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin-top:13px;">
      <section style="background-color:#52a4e4;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:15px 0 0 15px;padding:5px 5px 5px 12px;width:20%;display:flex;justify-content:center;align-items:center;">
<p style="margin:0;font-size:12px;color:#fff;letter-spacing:1.5px;line-height:1.75;text-align:center;">
	第四节
</p>
</section>
      <section style="background-color:#fff;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:0 15px 15px 0;padding:8px;width:80%;margin-left:8px;display:flex;align-items:center;">
<p style="margin:0;font-size:12px;color:#333;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	<a href="http://www.su1018.cn/yinxiao/468.html" target="_blank">抽奖功能的修改与使用</a> 
</p>
</section>
    </section>
	    <section style="display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin-top:13px;">
      <section style="background-color:#52a4e4;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:15px 0 0 15px;padding:5px 5px 5px 12px;width:20%;display:flex;justify-content:center;align-items:center;">
<p style="margin:0;font-size:12px;color:#fff;letter-spacing:1.5px;line-height:1.75;text-align:center;">
	第五节
</p>
</section>
      <section style="background-color:#fff;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:0 15px 15px 0;padding:8px;width:80%;margin-left:8px;display:flex;align-items:center;">
<p style="margin:0;font-size:12px;color:#333;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	<a href="http://www.su1018.cn/yinxiao/469.html" target="_blank">翻牌的玩法</a> 
</p>
</section>
    </section>
	    <section style="display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin-top:13px;">
      <section style="background-color:#52a4e4;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:15px 0 0 15px;padding:5px 5px 5px 12px;width:20%;display:flex;justify-content:center;align-items:center;">
<p style="margin:0;font-size:12px;color:#fff;letter-spacing:1.5px;line-height:1.75;text-align:center;">
	第六节
</p>
</section>
      <section style="background-color:#fff;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:0 15px 15px 0;padding:8px;width:80%;margin-left:8px;display:flex;align-items:center;">
<p style="margin:0;font-size:12px;color:#333;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	<a href="http://www.su1018.cn/yinxiao/470.html" target="_blank">其他的功能说明</a> 
</p>
</section>
    </section>
	    <section style="display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin-top:13px;">
      <section style="background-color:#52a4e4;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:15px 0 0 15px;padding:5px 5px 5px 12px;width:20%;display:flex;justify-content:center;align-items:center;">
<p style="margin:0;font-size:12px;color:#fff;letter-spacing:1.5px;line-height:1.75;text-align:center;">
	第七节
</p>
</section>
      <section style="background-color:#fff;box-shadow:0px 0px 4px 0px rgba(63, 162, 239, 0.5);border-radius:0 15px 15px 0;padding:8px;width:80%;margin-left:8px;display:flex;align-items:center;">
<p style="margin:0;font-size:12px;color:#333;letter-spacing:1.5px;line-height:1.75;text-align:justify;">
	<a href="http://www.su1018.cn/yinxiao/471.html" target="_blank">更多功能介绍,一些好玩的小功能</a> 
</p>
</section>
    </section>
  </section>
</section>
小控心
希望未来会越来越好!


    没有演示啊

    青萌 2020-08-14 22:00   

登陆 注册

小控心

希望未来会越来越好!

  • 400运行天数
  • 755评论数量
  • 389文章数量

微信
APP

专属相册,记录属于我和你的每一个瞬间

小控心满眼都是小包子

查看相册