<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>商品列表</title>
<link rel="stylesheet" href="css/reset.css" />
<style>
.left{
margin-left: 10px;
}
.goods{
width: 260px ;
height: 480px ;
border: 1px solid red;
margin: 0 auto;
border-radius: 10px;
}
.goods > img {
width: 240px ;
height: 240px ;
margin: 40px 10px 20px 10px ;
}
p.price{
/* height: 35px; */
font-size: 20px ;
color: red;
/* text-overflow: ; */
}
.title {
height: 35px;
/* border: 1px solid red; /
/ overf low: scroll; /
overflow: hidden;
font-size: 13px;
}
/ .title {
height: 35px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} */
/* .goods a {
color:
} */
p.baoyou {
color: red;
}
p.lipin{
color: rgb(94, 92, 92);
}
</style>
</head>
<body>
<div class="goods">
<img src="https://img.alicdn.com/imgextra/i1/783555474/O1CN01kM0T3p1qJ92YGvcYT_!!783555474.jpg_.webp" alt="jianguo">
<p class="left title" >
<a href="#"></a>金龙鱼粮油米面粮油调味品组合福利礼品工会员工伴手礼盒 1700g金龙鱼粮油米面粮油调味品组合福利礼品工会员工伴手礼盒 1700g金龙鱼粮油米面粮油调味品组合福利礼品工会员工伴手礼盒 1700g
</p>
<p class="price left">
￥69.68
</p>
<p class="left baoyou">包邮</p>
<p class="left lipin">
<a href="#"></a>汇选臻品礼品
</p>
</div>
</body>
</html>
143c96e13ee13fdf9b63787309d532f.png
image.png
