---
# System prepended metadata

title: Breadcrumb / 頁面路徑
tags: [HyUI]

---

# Breadcrumb / 頁面路徑

###### tags: `HyUI`
檔案名稱：sass/element/_breadcrumb.scss


<iframe height="235" style="width: 100%;" scrolling="no" title="Breadcrumb / 頁面路徑" src="https://codepen.io/u00hyui/embed/abpeybZ?height=265&theme-id=dark&default-tab=html,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/u00hyui/pen/abpeybZ'>Breadcrumb / 頁面路徑</a> by u00hyui
  (<a href='https://codepen.io/u00hyui'>@u00hyui</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

## HTML範本
```htmlmixed=
<!-- breadcrumb路徑 -->
<div class="breadcrumb">
  <ul>
    <li><a href="#">首頁</a></li>
    <li><a href="#">節點</a></li>
    <li>節點</li>
  </ul>
</div>
```



<style>
.ui-infobar{
max-width:95%;
}
.markdown-body{
max-width:95%;
}
</style>
