Html学习之五（嵌套之简单购物界面设计）

最新推荐文章于 2022-10-23 10:32:30 发布

dhx3970

最新推荐文章于 2022-10-23 10:32:30 发布

阅读量426

点赞数

原文链接：http://www.cnblogs.com/lsm-boke/p/10597015.html

版权

<!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>