功能对照图

<span class="badge badge-pill badge-danger text-uppercase">测试文字</span>

代码高亮效果

<pre class="prettyprint linenums">测试文字

fancybox+图片阴影框



fancybox+图片阴影框大

<a href="放大图超链接" data-fancybox="images">
<img src="小图展示超链接" alt="luotianyi" width="150" height="150" class="aligncenter img-fluid rounded shadow-lg(图片阴影框) size-thumbnail wp-image-584" />
</a>

//图标功能：资源替换http://q.mkm.st/html/FontAwesome.html

<i class="fa fa-cloud-download"></i>

绿色按钮

<a href="超链接"rel="noopener noreferrer"target="_blank"class="btn btn-1 btn-outline-success">测试按钮</a>

H2毛笔标

H2设置标

H2下载标

H2微信标

H2QQ企鹅标

<h2 class="section-title"><span><i class="fa fa-paint-brush"></i>H2毛笔标</span></h2>
<h2 class="section-title"><span><i class="fa fa-gear"></i>H2设置标</span></h2>
<h2 class="section-title"><span><i class="fa fa-cloud-download"></i>H2下载标</span></h2>
<h2 class="section-title"><span><i class="fa fa-wechat"></i>H2微信标</span></h2>
<h2 class="section-title"><span><i class="fa fa-qq"></i>H2企鹅标</span></h2>