这个下拉菜单代码怎么做?因为是淘宝店,所以不能是DIV和JS,必须是纯CSS,而且必须嵌入标签。
导航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美容茶李& 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
}代码和相关文档打包,见附件:
打包。活力