導航menu.html？文件代碼列表如下:
& lt！doctype？html & gt
& lthtml？lang = " zh " & gt
& lthead & gt
& ltmeta？charset="utf-8 "？/& gt；
& lttitle & gt導航菜單
& lt鏈接？rel="stylesheet "？href="teamenu.css "？/& gt；
& lt/head & gt；
& ltbody & gt
& ltdiv？id="nav " >
& ltul & gt
& lt李& gt商務茶
& lt李& gt保健茶
& ltul & gt
& lt李& gt& lt答？href="# "？Title= "點擊了解"安溪鐵觀音"">安溪鐵觀音
& lt李& gt& lt答？href="# "？Title= "點擊了解更多"西湖龍井茶"">西湖龍井茶
& lt/ul & gt；
& lt/李& gt
& lt李& gt美容茶
& lt李& gt品茶
& lt李& gt禮品茶
& lt/ul & gt；
& lt/div & gt；
& lt/body & gt；
& lt/html & gt；teamenu.css？文件代碼列表如下:
*?{
邊距:？0;
填充:？0;
}
div #導航？{
位置:？絕對；
寬度:？150 px；
字體大小:？16px；
}
div #導航？ul？{
列表樣式:？方形？裏面？網址(eg _ arrow . png)；
邊框半徑:？10px；
填充:？0;
背景:？rgb(59，？63,?64);
背景:？rgba(59，？63,?64,?0.8);
顏色:？# fff
文本對齊:？居中；
}
div #導航？ul？李？{
填充:？5px
行高:？24px
}
div #導航？ul？李:盤旋？div #導航？ul？李？ul？李:盤旋？{
背景:？# 82b 218；
}
div #導航？ul？李？ul？{
顯示:？無；
}
div #導航？ul？李:盤旋？ul？{
位置:？絕對；
左:？150 px；
頁邊距-頂部:？-29px；
顯示:？屏蔽；
列表樣式:？無；
寬度:？150 px；
}
div #導航？ul？李？ul？李？答？{
顯示:？屏蔽；
文字-裝飾:？無；
顏色:？# fff
}代碼和相關文檔打包，見附件:
打包。活力