淘寶頁面是購物者最常用的電商平臺之一，它的導航欄在網站中占據著十分重要的位置。那么，淘寶頁面導航使用了哪些CSS代碼呢？

/* 導航欄整體樣式 */
.tbh-nav { 
background-color: #FF4200; /* 導航欄背景顏色 */
height: 52px;             /* 導航欄高度 */ 
position: relative;
z-index: 10001;
}
/* 導航欄列表樣式 */
.tbh-nav-list { 
margin-left: 110px; /* 左側留出logo的空間 */
margin-right: 111px; /* 右側留出購物車的空間 */
white-space: nowrap; /* 不允許換行 */
}
/* 導航欄列表項樣式 */
.tbh-nav-item {
display: inline-block;
position: relative;
height: 52px;
line-height: 52px;
margin-right: 14px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
color: #FFF;
}
/* 首頁導航欄列表項懸停狀態樣式 */
.tbh-nav-item:hover {
background-color: rgba(255, 255, 255, 0.1);
}
/* 二級導航菜單樣式 */
.tbh-sub-nav {
position: absolute;
top: 50px; /* 二級導航菜單距離導航欄頂部的距離 */
left: 0;
background-color: #FFF;
padding: 10px 0;
min-width: 180px; /* 最小寬度 */
z-index: 10002;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* 陰影效果 */
display: none; /* 初始狀態下不顯示 */
}
/* 二級導航菜單顯示狀態樣式 */
.tbh-nav-item:hover .tbh-sub-nav {
display: block;
}
/* 二級導航菜單項樣式 */
.tbh-sub-nav-item {
display: block;
height: 34px; /* 二級菜單項高度 */
line-height: 34px;
padding: 0 20px;
font-size: 14px;
font-weight: normal;
color: #000;
}
/* 鼠標懸停在二級導航菜單項上的樣式 */
.tbh-sub-nav-item:hover {
background-color: #F7F7F7;
}

綜上，以上是淘寶頁面導航欄所使用的CSS樣式代碼。其中，使用了眾多CSS屬性，例如顏色、字體、位置等等，使導航欄看起來更加美觀、實用。