css样式的使用

最新推荐文章于 2024-04-07 07:08:36 发布

一行tf

最新推荐文章于 2024-04-07 07:08:36 发布

阅读量281

点赞数

分类专栏： javaweb 文章标签： HTML CSS 商品展示价格饰品

本文链接：https://blog.csdn.net/tf617/article/details/115668147

版权

javaweb 专栏收录该内容

16 篇文章 8 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习三</title>
    <link type="text/css" rel="stylesheet" href="lx3.css">
</head>

<body>
    <div id="dd">
        <ul>
            <li><a>
                    <div class="div1"><img src="img/goods_01.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>施华洛世奇水晶链</s trong></div><span class="price">￥<em>88.0</em></span>
                </a></li>
            <li><a>
                    <div class="div1"><img src="img/goods_02.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>韩版水晶竺公主长项链</strong></div><span class="price">￥<em>128.0</em></span>
                </a></li>
            <li><a>
                    <div class="div1"><img src="img/goods_03.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>吉屋不对称裙子蝴蝶结耳钉</strong></div><span class="price">￥<em>60.0</em></span>
                </a></li>
            <li><a>
                    <div class="div1"><img src="img/goods_04.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>纯银天使之冀镶钻挂坠</strong></div><span class="price">￥<em>79.0</em></span>
                </a></li>
            <li><a>
                    <div class="div1"><img src="img/goods_05.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>墨西哥彩眼黑曜石手链</strong></div><span class="price">￥<em>120.0</em></span>
                </a></li>
            <li><a>
                    <div class="div1"><img src="img/goods_06.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>希腊女神水晶项链</strong></div><span class="price">￥<em>32.0</em></span>
                </a></li>
            <li><a>
                    <div class="div1"><img src="img/goods_07.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>复古镂无耳洞夹式隐形耳夹</strong></div><span class="price">￥<em>98.0</em></span>
                </a></li>
            <li><a>
                    <div class="div1"><img src="img/goods_08.jpg" width="80" height="80" /></div>
                    <div class="div2"><strong>复古欧美玫瑰花珍珠耳环</strong></div><span class="price">￥<em>88.0</em></span>
                </a></li>
        </ul>
    </div>
</body>

</html>

在这里插入图片描述