<h2 id=”diem-neo-1″>Điểm neo 1</h2>

<h3 id=”diem-neo-1.1″>Điểm neo 1.1</h3>
<h3 id=”diem-neo-1.2″>Điểm neo 1.2</h3>

<h2 id=”diem-neo-2″>Điểm neo 2</h2>

<h3 id=”diem-neo-2.1″>Điểm neo 2.1</h3>
<h3 id=”diem-neo-2.2″>Điểm neo 2.2</h3>

<h2 id=”diem-neo-3″>Điểm neo 3</h2>

 

<strong>Mục lục nội dung:</strong>
<div id=”toc_container”>
<ul class=”toc_list”>
<li><a href=”#diem-neo-1″>Điểm Neo 1</a>
<ul class=”toc_list_1″>
<li><a href=”#diem-neo-1.1″>Điểm Neo 1.1</a></li>
<li><a href=”#diem-neo-1.2″>Điểm Neo 1.2</a></li>
</ul>
</li>
<li><a href=”#diem-neo-2″>Điểm Neo 2 </a>
<ul class=”toc_list_1″>
<li><a href=”#diem-neo-2.1″>Điểm Neo 2.1</a></li>
<li><a href=”#diem-neo-2.2″>Điểm Neo 2.2</a></li>
</ul>
</li>
<li><a href=”#diem-neo-3″>Điểm Neo 3</a></li>
<li><a href=”#diem-neo-4″>Điểm Neo 4</a></li>
<li><a href=”#diem-neo-5″>Điểm Neo 5</a></li>
</ul>
</div>

 

/*— Bắt đầu CSS tạo mục lục cho bài viết —*/

#toc_container {
background: #edf6ff;
border: 1px solid #aaa;
padding: 0 10px;margin-bottom: 1em;
font-size:95%;}

p.toc_title,ul.toc_list {
margin: 5px;
padding-left: 0;
}

ul.toc_list_1 {
margin: 0px;
padding-left: 30px;
}
.toc_list li {
list-style: none;
margin-top: 0px;
margin: 0!important;}
#toc_container a {
text-decoration: none;
text-shadow: none;
color: #52b043;
font-weight: 555;}
#toc_container a:hover {
color: #d7c20d;
text-decoration: underline;}
span.accordion{
cursor: pointer;}
div.panel {
padding: 0 20px;
max-height: 0;
overflow: hidden;
opacity: 0;}
div.panel.show {
opacity: 1;
max-height:500px;}
/*— kết thúc CSS tạo mục lục cho bài viết —*/

0 0 vote
Article Rating