admin

<style type=”text/css”>/* 清除預設樣式 */

.detail_wrap *{margin:0;padding:0}

.detail_wrap ol, .detail_wrap ul{list-style:none}

.detail_wrap a{text-decoration:none;color:blue}

/* 目錄樣式 */

.contents_box{padding:.5em .8em;background:#f9f9fa;border:1px #222 solid;border-radius:.5em;display:inline-block;box-shadow:0 0 .5em rgb(0 0 0 / 10%)}

.contents_box .contents_title{margin-bottom:.5em;display:flex;align-items:center;font-size:17px}

.contents_box .contents_title svg{margin-right:.3em;width:15px;height:15px}

.contents_box a[data-action=”contents_button”] svg{width:20px;height:20px}

.contents_box ol li{margin-bottom:.3em;}

.contents_box ol li a{display:inline-block}

.detail_box .section_title{padding:1em 0 .3em;scroll-margin-top:100px;font-size:22px}

.detail_box article{margin-bottom:.5em}

.detail_box article:last-child{margin-bottom:0}

</style>

——————————————————————————-

<div class=”detail_wrap”>

<div class=”contents_box”>

<div class=”contents_title”><svg viewbox=”0 0 512 512″ xmlns=”http://www.w3.org/2000/svg”><path d=”M64 144a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm128-80c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM64 464a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48-208a48 48 0 1 0-96 0 48 48 0 1 0 96 0z”></path></svg>目錄</div>

<ol>

<li><a href=”#section1″>一、標題一</a></li>

<li><a href=”#section2″>二、標題二</a></li>

<li><a href=”#section3″>三、標題三</a></li>

<li><a href=”#section4″>四、標題四</a></li>

<li><a href=”#section5″>五、標題五</a></li>

<li><a href=”#section6″>六、標題六</a></li>

</ol>

</div>

<div class=”detail_box”>

<h2 class=”section_title” id=”section1″>一、標題一</h2>

<article>在這裡寫下門禁系統原理的介紹。</article>

<h2 class=”section_title” id=”section2″>二、標題二</h2>

<article>在這裡寫下門禁系統架構和包括哪些設備的介紹。</article>

<h2 class=”section_title” id=”section3″>三、標題三</h2>

<article>在這裡寫下門禁系統整合應用的介紹。</article>

<h2 class=”section_title” id=”section4″>四、標題四</h2>

<article>在這裡寫下門禁系統維修的介紹和門禁故障維修方法。</article>

<h2 class=”section_title” id=”section5″>五、標題五</h2>

<article>在這裡寫下門禁系統維修的介紹和門禁故障維修方法。</article>

<h2 class=”section_title” id=”section6″>六、標題六</h2>

<article>在這裡寫下門禁系統維修的介紹和門禁故障維修方法。</article>

</div>

</div>