CSS的商城网站常用左侧分类下拉导航菜单代码

<头>
<元字符集=“utf-8”>


<风格>
* { 边距：0；填充：0； }
主体{边距：0;填充：0；文本装饰：无；字体大小：14px； }
li { 列表样式：无； }
.menu { 宽度：1000px;高度：600 像素；边距：30px 自动；背景颜色：#ececec； }
.menu .menuTop { 背景颜色：#F10215;颜色：#fff；宽度：140px；高度：40px；左内边距：20px；行高：40px；光标：指针； }
.menu ul { 宽度：160px;背景颜色：#fff；边框：2px实线#F10215；框大小：边框框；位置：相对； }
.menu ul li { 高度：30px;左内边距：8px；文本对齐：左对齐；行高：30px；字体大小：13px；背景：url(image/1.png)无重复右； z 索引：2； }
.menu ul li a { 颜色：#7070770; }
.menu ul li a:hover { 颜色：红色；文本装饰：下划线；光标：指针； }
.menu ul li:hover { border: 1pxsolid #DDD;右边界：0；背景图像：无； }
.menu ul li:hover .submenu { 显示：块； }
.menu ul li:悬停跨度{宽度:30px;高度：30px；显示：内联块；背景颜色：#FFF；浮动：右； z 索引：100；位置：相对； }
.menu ul li .submenu { 位置：绝对；左：146 像素；顶部：0；宽度：720px；高度：300px；边框：1px实心#DDD；框阴影：0 0 8px #DDD； -moz-box-shadow：0 0 8px #DDD； -webkit-box-shadow: 0 0 8px #DDD;背景颜色：#FFF； z 索引：3；显示：无； }
.menu ul li .submenu .subleft { 左边距：0px;宽度：400px；高度：300px；向左飘浮;内边距：5px； }
.menu ul li .submenu .subleft dl { 溢出：隐藏；边框底部：1px实心#D1D1D1；内边距：10px 0； }
.menu ul li .submenu .subleft dl dt { float: left;高度：22px；行高：22px；右边距：10px；字体粗细：粗体；颜色：#707070；字体大小：12px；光标：指针； }
.menu ul li .submenu .subleft dl dd { }
.menu ul li .submenu .subleft dl dd a { 显示：块；向左飘浮;左边框：1px 实线#707070；内边距：0 5px；颜色：#707070；高度：14px；行高：14px；边距：3px 0；字体大小：11px； }
.menu ul li .submenu .subright { 宽度：310px;高度：300px；背景颜色：蓝色；向左飘浮; }

这是一款比较简单的利用css鼠标悬停属性来制作商城网站常用左侧分类下拉导航菜单代码。