CSS3圓形面包屑

.breadcrumb {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.breadcrumb li {
float: left;
margin-right: 10px;
}
.breadcrumb li:last-child {
margin-right: 0;
}
.breadcrumb li a {
display: inline-block;
padding: 8px 15px;
border-radius: 50px;
color: #ffffff;
background-color: #337ab7;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
transition: all 0.3s ease-in-out;
}
.breadcrumb li a:hover {
background-color: #23527c;
}

面包屑是網站導航的一種常見形式，它可以讓用戶清楚地了解當前頁面在網站結構中的位置。而圓形面包屑可以讓網站導航更加美觀和突出。

通過以上代碼，我們可以創建一個圓形面包屑導航。你需要在HTML中定義一個無序列表，并添加帶有鏈接的列表項。CSS樣式將為每個鏈接添加圓形背景，使其看起來像一個按鈕。

最后，你可以使用:hover偽類為按鈕添加懸停效果，從而進一步提高用戶體驗。