CSS3是一種前端技術，其引入了許多新特性和功能，可以讓我們更好地控制網站樣式和布局。其中之一便是可以用CSS3輕松地實現漂亮的底部導航欄。

底部導航欄常用于APP等移動應用程序中，可以使用戶更方便地瀏覽應用程序的不同部分。而使用CSS3創建底部導航欄是相對簡單的，我們可以使用多個CSS屬性，如position、display和background，來實現該效果。

.bottom-nav {
background-color: #212121;
position: fixed;
bottom: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 10px 30px;
}
.bottom-nav li {
list-style: none;
}
.bottom-nav a {
color: #ffffff;
text-decoration: none;
}
.bottom-nav a:hover {
color: #dcdcdc;
}

以上代碼中，我們使用了一個名為.bottom-nav的類來讓CSS樣式應用于導航欄。還使用了position: fixed屬性讓導航欄固定在屏幕底部，width: 100%屬性讓導航欄填滿屏幕寬度，以及display:flex屬性讓導航欄中的元素水平排列。

通過使用以上代碼，我們可以輕松地創建一個漂亮的底部導航欄，同時還可以使用其他CSS3屬性來進一步優化導航欄的外觀和行為。無論您要為移動應用程序還是網站創建底部導航欄，CSS3都可以為您提供所有需要的工具。