CSS面包屑導(dǎo)航是一種常見的網(wǎng)頁導(dǎo)航方式，它可以方便用戶快速了解當(dāng)前頁面的位置以及返回之前的頁面。下面介紹幾種實(shí)現(xiàn)面包屑導(dǎo)航的方法。

/* 方法一：使用ol和li標(biāo)簽 */
<ol>
<li><a href="#">首頁</a></li>
<li><a href="#">分類1</a></li>
<li>當(dāng)前頁面</li>
</ol>
/* 方法二：使用ul和li標(biāo)簽 */
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">分類1</a></li>
<li>當(dāng)前頁面</li>
</ul>
/* 方法三：使用span和i標(biāo)簽 */
<span>
<i class="icon-home"></i>
<a href="#">首頁</a>
<i class="icon-angle-right"></i>
</span>
/* 方法四：使用css偽元素 */
.breadcrumb li {
position: relative;
display: inline-block;
padding-right: 10px;
}
.breadcrumb li:after {
content: ">";
position: absolute;
right: 0;
}
.breadcrumb li:last-child:after {
display: none;
}
<div class="breadcrumb">
<li><a href="#">首頁</a></li>
<li><a href="#">分類1</a></li>
<li>當(dāng)前頁面</li>
</div>

以上的四種方法都能實(shí)現(xiàn)面包屑導(dǎo)航的效果，其中方法一和方法二使用了有序和無序列表，可以更好的語義化頁面結(jié)構(gòu)，方法三和方法四則是使用了CSS的樣式來實(shí)現(xiàn)。具體選擇哪種方法取決于具體的需求，可以根據(jù)自己的喜好進(jìn)行選擇。