Html學習之五(嵌套之簡單購物界面設計)
阿新 • • 發佈:2019-03-26
type http ctype char alt 淘寶 嵌套 ima mar
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>淘寶購物界面</title> </head> <body> <div style="width: 800px;height: 200px;margin: 300px;"> <div style="width: 200px;height: 200px;float: left;line-height: 2em;"> <img src="img/pic_1.jpg"/> 家用超大式兒童洗澡桶 <p>¥44</p> </div> <div style="width: 200px;height: 200px;float: left;line-height: 2em;"> <img src="img/pic_3.jpg"/> 實木躺椅<p>¥4000</p> </div> <div style="width: 200px;height: 200px;float: left;line-height: 2em;"> <img src="img/pic_4.jpg"/> 高檔收藏書法包裝字畫盒 <p>¥10</p> </div> <div style="width: 200px;height: 200px;float: left;line-height: 2em;"> <img src="img/pic_5.jpg"/> 2018春夏新款百搭 <p>¥208</p> </div> </div> </body> </html>
結果:
Html學習之五(嵌套之簡單購物界面設計)