您当前的位置:网站首页>网站技术教程>从微信编辑器扒的好看的目录代码

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

2020年08月25日 投稿作者:小熊云端 围观人数:23
<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>


标签

网页特效
版权说明
免责声明:本文文章内容由一起收录网发布,但不代表本站的观点和立场,具体内容可自行甄别.