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

最新推荐文章于 2022-09-02 09:55:38 发布

代码之城

最新推荐文章于 2022-09-02 09:55:38 发布

阅读量650

点赞数 2

分类专栏： asp 文章标签：网站左侧分类菜单代码

本文链接：https://blog.csdn.net/Jamie2012/article/details/78869627

版权

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

摘要由CSDN通过智能技术生成

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: 200p