我們在瀏覽淘寶首頁的時候，在頁面的左邊會看到一個商品列表項，包括標題文字，列表小圖標等 。 下面就讓我們一起來制作仿淘寶首頁商品分類列表 。 工具/材料 dw等編程軟件
操作方法 01 首先我們在<body>里面定義一個大的<div>標簽，取一個ID名，在大的<div>標簽里面再定義一個<div>標簽和<ul>標簽，在<li>標簽里面輸入，如圖
02 運行程序，結果如圖
03 用內部樣式為大的<div>標簽設置高度和背景色，如圖
04 運行程序，結果如圖
05 為標題“全部商品分類”設置字體大小，顏色、行高、首行縮進、并插入一張背景圖片
06 運行程序，結果如圖
07 去掉UL列表項前面的小圓點
08 運行程序，結果如圖
09 最后設置<li>標簽的高度，行高、背景圖片等
10 【用H5制作仿淘寶商品列表教程】運行程序，結果如圖
以上內容就是用H5制作仿淘寶商品列表教程的內容啦，希望對你有所幫助哦！
猜你喜歡
- 如何用HTML5制作陰影文字？
- 制作超現實人體特效
- 如何使用NotePad++的compare插件進行文本對比
- 怎樣用PS將證件照的背景從白底換成藍底
- 女性貧血吃什么好？如何用食療改善貧血癥狀？
- 使用ps中液化漸隱方法制作煙霧效果
- 如何快速設置調試WIFF密碼
- Sketchup中制作簡單建筑模型的方法
- 局域網電腦網速很慢怎么辦 電腦網速慢怎么辦
- QQ微粒貸如何貸款的方法