编辑器常用

<div id="download">
<a style="border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;"href="http://www.eelx.cn">
按钮样式
</a>
</div>

<div class="sg-dl"><span class="sg-dl-span"><a href="https://eelx.cn" target="_blank" title="文件下载" rel="nofollow"><button type="button" class="btn-download"><i class="fa fa-download"></i> 网盘下载</button></a></span></div>

<div class="sg-dl"><span class="sg-dl-span"><a href="https://eelx.cn" target="_blank" title="文件下载" rel="nofollow"><button type="button" class="btn-download"><i class="fa fa-download"></i> 网盘下载</button></a>
<a href="https://eelx.cn" target="_blank" title="文件下载" rel="nofollow"><button type="button" class="btn-download"><i class="fa fa-download"></i> 网盘下载</button></a>
</span></div>

<script>
    function toggle(id,exp) {
        document.getElementById(id).style.display =exp?'block':'none';
        document.getElementById('a' + id).style.display = exp ? 'none' : 'inline';
    }
</script>
<a href="javascript:toggle('detail',true)" id="adetail">展开1</a><br />
<div id="detail" style="display:none">
    详细内容1。。。。。。。
    <div style="text-align:right"><a href="javascript:toggle('detail')">收起</a></div>
</div>
<a href="javascript:toggle('detail1',true)" id="adetail1">展开2</a><br />
<div id="detail1" style="display:none">
    详细内容2。。。。。。。
    <div style="text-align:right"><a href="javascript:toggle('detail1')">收起</a></div>
</div>