购买页面 
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <link rel="stylesheet" type="text/css" href="./css/xiangqingym.css"/>
 7     </head>
 8     <body>
 9         <div class="content">
10             <div class="nav">
11                 <!-- &gt:大于号 -->
12                 <a href="index.html">首页</a>&gt;
13                 <a href="yyliebiao.html">专辑</a>&gt;
14                 <span>【独家发售】大张伟2018全新专辑《人间精品》</span>
15             </div>
16             <div class="text">
17                 <div class="left">
18                     <img src="img/pro/7_418x418.jpg" alt="">
19                     <div><span class="love"></span><span class="num">8934</span></div>
20                     <img src="img/details-i.png" alt="">
21                 </div>
22                 <!-- div.right>div.title{【独家发售】大张伟2018全新专辑《人间精品》}+(div>span.dt+span.money+span.del)+(div>span.dt+span.weight)+(div>span.dt+img)+(div>span.cart+span.buy)+(div>img) -->
23                 <div class="right">
24                     <div class="title">【独家发售】大张伟2018全新专辑《人间精品》</div>
25                     <div>
26                         <span class="dt">商城价格</span>
27                         <span class="money">￥83.1</span>
28                         <span class="del">￥123.1</span>
29                     </div>
30                     <hr >
31                     <div><span class="dt">重量</span><span class="weight">0.33kg</span></div>
32                     <div><span class="dt">数量</span><img src="./img/num.jpg" alt=""></div>
33                     <div class="sp"><span class="cart"></span><span class="buy"></span></div>
34                     <div><img src="img/zpbz.png" alt=""></div>
35                 </div>
36             </div>
37             <div class="img">
38                 <img src="img/tuangou20180126.jpg" >
39             </div>
40         </div>
41         <div class="dibu">
42             <p></p>
43         </div>
44         <div class="content2">
45             <div class="footer">
46                 <ul>
47                     <li><a href="">关于我们</a></li>
48                     <li><a href="">人才招聘</a></li>
49                     <li><a href="">联系我们</a></li>
50                     <li><a href="">友情链接</a></li>
51                     <li><a href="">版权声明</a></li>
52                     <li><a href="">客服中心</a></li>
53                 </ul>
54             </div>
55         </div>
56     </body>
57 </html>

 

posted on 2021-10-28 19:36  于凡芮  阅读(24)  评论(0)    收藏  举报