仿buychinaphone 天猫分类菜单代码 div css网站左侧分类菜单代码

原创

于 2017-12-22 09:21:48 发布 · 745 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#网站左侧分类菜单代码

本文介绍了如何使用div和css来实现类似buychinaphone网站的天猫风格左侧分类菜单代码，详细讲解了菜单的布局和样式设置。

div css网站左侧分类菜单代码

仿buychinaphone 天猫分类菜单代码 div css网站左侧分类菜单代码

首先是 css 代码，里面可以修改样式

 <style>
* { margin: 0; padding: 0; }

li { list-style: none; }
.left-menu { width: 200px; height: 600px; margin: 30px auto; background-color: #ffffff; }  /*  菜单那整体宽度和高 ， 背景色，可以修改*/

.left-menu .menuTop { background-color: #666666; color: #fff; width: 180px; height: 40px; padding-left: 20px; line-height: 40px; cursor: pointer; }/* 全部商品分类 背景色*/

.left-menu ul { width: 200px; background-color: