div与html制作左侧产品分类列表
工具/原料
dreamweaver cs6
方法/步骤
1
新建文件，创建div和ul列表
2
为div设置宽度 ul列表清除样式
3
效果如图，没有美化还
4
在列表上面添加图片栏目，产品分类
5
效果如图
6
在ul外面添加边框
7
效果如图
8
美化ul列表，为其添加图片角标，设置行距和边框
9
效果如图，是不是美观多了
10
为li添加鼠标滑过样式
11
鼠标滑过效果，底色变暗
12
添加大的div，使列表整体向左移动10px和向下移动10像素。
13div与html制作左侧产品分类列表 
效果如图，看起来更直观，好了左侧列表就弄好了，附上代码
- 中药化学成分化合物库
- 中药化学成分化合物库
- 中药化学成分化合物库
- 中药化学成分化合物库
- 中药化学成分化合物库
上一篇：慢性咽炎怎么办
下一篇：销售内勤的工作流程及职责