用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
- 閱讀 ( 755 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章