代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./demo02.css">
</head>
<body>
<table>
<tr>
<th>
<div class="goods-item">
<div class="thumb">
<img width="240" height="350" src="./demo02.img1/71aabfafc661ae9d.png (1).avif"
class="g-img"/>
</div>
<p class="title" >茅台茅台酒 汉酱 51° 53°匠心传承 酱香型500ML 汉酱酒 婚宴专享 51度 500mL 2瓶 汉酱2.0 </p>
<div class="money"><span class="price">￥610</span>.00</div>
</div>
</th>
<th>
<div class="goods-item">
<div class="thumb">
<img width="240" height="350" src="./demo02.img1/6c5e7d33b6f7fa99.jpg.avif"
class="g-img"/>
</div>
<p class="title">京东京造 鸡翅木筷子 家用实木无漆无蜡防滑筷子 绿色无公害 原木色10双装</p>
<div class="money"><span class="price">￥13</span>.00</div>
</div>
</th>
<th>
<div class="goods-item">
<div class="thumb">
<img width="240" height="350" src="./demo02.img1/14be4ed2784f9d5d.jpg.avif"
class="g-img"/>
</div>
<p class="title">HBN咖啡因眼霜礼盒小咖罐淡纹抗皱提拉紧致补水保湿生日礼物送女友</p>
<div class="money"><span class="price">￥319</span>.00</div>
</div>
</th>
<th>
<div class="goods-item">
<div class="thumb">
<img width="240" height="350" src="./demo02.img1/41419b6e4c105b43.jpg.avif"
class="g-img"/>
</div>
<p class="title">茅台飞天茅台酒53度500毫升单瓶装酱香型白酒 海外版 53度 500mL 1瓶 海外版</p>
<div class="money"><span class="price">￥1520</span>.00</div>
</div>
</th>
<th>
<div class="goods-item">
<div class="thumb">
<img width="240" height="350" src="./demo02.img1/1b82486b323a2f5f.jpg.avif"
class="g-img"/>
</div>
<p class="title">HBN原白霜熊果苷曜白微精华霜减黄淡斑提亮改善暗沉美白面霜 【4周美白淡斑】原白霜</p>
<div class="money"><span class="price">￥328</span>.00</div>
</div>
</th>
<th>
<div class="goods-item">
<div class="thumb">
<img width="240" height="350" src="./demo02.img1/dd4facdadae9ba6c.jpg.avif"
class="g-img"/>
</div>
<p class="title">膳魔师THERMOS儿童保温杯三丽鸥大容量便携多功能学生吸管直饮杯316L不锈钢TCKA</p>
<div class="money"><span class="price">￥328</span>.00</div>
</div>
</th>
</tr>
</table>
</body>
</html>
