1、效果：
1、html代码：
<!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/全局样式.css"><link rel="stylesheet" href="./CSS/魅族声学.css">
</head>
<body><div><div class="title1"><h3>声学配件</h3></div><div class="t1_box1"></div><div class="t1_box2_1"><div class="t1_box2"><div class="shangPing"><div class="t1_img1"><img class="t1_tuPian" src="./图片/1-1.jpg" alt=""></div><span class="pName">PANDAER 游戏耳机 1s</span><span class="jianJie">28h 超长续航无线充电 | 0.035s 超低延迟</span><span class="jiaGe">￥269￥<del class="yuanJia">369</del></span></div><div class="shangPing"><div class="t1_img1"><img class="t1_tuPian" src="./图片/1-1.jpg" alt=""></div><span class="pName">PANDAER 游戏耳机 1s</span><span class="jianJie">28h 超长续航无线充电 | 0.035s 超低延迟</span><span class="jiaGe">￥269￥<del class
