淘寶導(dǎo)航是一個(gè)非常常用的網(wǎng)站,在網(wǎng)站設(shè)計(jì)中,我們常常需要使用css代碼進(jìn)行樣式的調(diào)整。今天我們來介紹一組純白色的淘寶導(dǎo)航css代碼。
/* 淘寶導(dǎo)航樣式 */ #tbh_nav{background:#fff; height:50px; line-height:50px;} #tbh_nav .tbh_nav_item{float:left; width:100px; text-align:center; color:#000; font-size:16px;} #tbh_nav .tbh_nav_item:hover{background:#f5f5f5;}
以上代碼中,我們使用了三個(gè)關(guān)鍵選擇器來完成淘寶導(dǎo)航的樣式。
第一個(gè)選擇器是#tbh_nav,其作用是設(shè)置整個(gè)淘寶導(dǎo)航的背景色為白色,并設(shè)置導(dǎo)航的高度為50px,行高也為50px。
第二個(gè)選擇器是.tbh_nav_item,其作用是設(shè)置每個(gè)導(dǎo)航項(xiàng)的樣式。我們使用了浮動(dòng)和寬度來左對(duì)齊每個(gè)導(dǎo)航項(xiàng),文字居中,顏色為黑色,字體大小為16px。
第三個(gè)選擇器是.tbh_nav_item:hover,其作用是設(shè)置當(dāng)鼠標(biāo)懸停在導(dǎo)航項(xiàng)上時(shí),背景顏色變?yōu)闇\灰色。
總體來看,這組淘寶導(dǎo)航css代碼使用了簡(jiǎn)單直接的方法來實(shí)現(xiàn)純白色的導(dǎo)航樣式。大家可以根據(jù)需要進(jìn)行調(diào)整和修改。