CSS底部導(dǎo)航線是指在網(wǎng)頁底部導(dǎo)航欄下方添加一條線，來美化頁面效果和突出導(dǎo)航欄。

/* CSS代碼 */
nav{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  
}
nav ul{
display: flex;
justify-content: space-around;
align-items: center;
height: 100%;
}
nav li{
font-size: 18px;
list-style: none;
}
nav #active{
color: #ff6666;
border-bottom: 3px solid #ff6666;
}

首先，樣式定義nav元素是在頁面底部fixed定位的導(dǎo)航欄。其中，將ul元素設(shè)為flex布局，使得li元素在導(dǎo)航欄中水平分布。我們還可以通過justify-content屬性來設(shè)置水平對齊方式，align-items屬性來設(shè)置垂直對齊方式。接著定義li元素的樣式，包括字體大小和無序列表標(biāo)識。最后，設(shè)置導(dǎo)航欄當(dāng)前選中的li元素為active樣式，并加入border-bottom屬性來添加底部線條效果。