CSS底部導航欄的設置是Web開發中常用的一種技術。通過CSS樣式表文件的設置，可以讓導航欄的樣式與網站主題風格相符，進而提高網站的整體美觀度和極客感。

/* CSS樣式表文件 */ 
#nav {
position: fixed; /* 固定定位 */
bottom: 0;
width: 100%;
height: 50px;
background-color: #333; /* 背景色 */
}
#nav ul{
list-style: none; /* 去除列表樣式 */
margin: 0;
padding: 0;
display: flex;  /* 彈性布局 */
justify-content: space-around;  /* 填充空間 */
align-items: center;  /* 垂直對齊 */
}
#nav li{
margin: 0;
padding: 0;
}
#nav a{
display: block;  /* 塊級元素 */
text-align: center;  /* 水平對齊 */
padding: 15px;
color: #fff; /* 字體顏色 */
text-decoration: none; /* 鏈接樣式 */
}
#nav a:hover{
background-color: #555; /* 鼠標懸停時的背景顏色 */
}

通過以上CSS樣式表文件的設置，可以實現一個簡單易用的底部導航欄。其中，利用了CSS3的flex布局技術，使導航欄更加靈活和美觀。