用H5制作仿淘宝商品列表教程
我们在浏览淘宝首页的时候，在页面的左边会看到一个商品列表项，包括标题文字，列表小图标等。下面就让我们一起来制作仿淘宝首页商品分类列表。
工具/材料
dw等编程软件
操作方法
- 01
首先我们在<body>里面定义一个大的<div>标签，取一个ID名，在大的<div>标签里面再定义一个<div>标签和<ul>标签，在<li>标签里面输入，如图
- 02
运行程序，结果如图
- 03
用内部样式为大的<div>标签设置高度和背景色，如图
- 04
运行程序，结果如图
- 05
为标题“全部商品分类”设置字体大小，颜色、行高、首行缩进、并插入一张背景图片
- 06
运行程序，结果如图
- 07
去掉UL列表项前面的小圆点
- 08
运行程序，结果如图
- 09
最后设置<li>标签的高度，行高、背景图片等
- 10
运行程序，结果如图
- End
- 发表于 2017-10-31 00:00
- 阅读 ( 265 )
- 分类：电脑网络
