这个下拉菜单代码怎么做?因为是淘宝店,所以不能是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美容茶

& 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

}代码和相关文档打包,见附件:

打包。活力