<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>平板图片</title><style>
.box{text-align: center;
}
.box p:first-of-type{font-size: 32px;
}
.box p:nth-of-type(1){color: #1b1a1a;font-size: 40px;
}
/* .box p1:nth-of-type(1){color: #ccc;font-size: 21px;
}
.box p1:nth-of-type(2){color: #ccc;font-size: 21px;
} */
.box p:nth-of-type(2){color: #ccc;font-size: 26px;
}.box p:nth-of-type(3){color: #eb9d0b;font-size: 30px;
}
.box span{color: #ccc;text-decoration: line-through;
}</style>
</head>
<body><div class="box"><p>HUAWEI MatePad Pro 13.2"套装（星闪版）</p><p>13.2英寸柔性OLED大屏 | PC级专业办公生态 | 星闪手写笔*</p><img src="./华为图片.jpg" alt=""> <!-- 图片没显示 --><p>8099元 <span>9?00元</span></p></div> 
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>平板图片</title><style>
.div_box{text-align: center;/* 文本行内元素 */
}
.bth{ /* bth块元素 */width: 120px;height: 50px;background-color: #3c71d4;line-height: 50px;color: #f9f6f6;margin: 0 auto; /* 适用于块元素左右居中 */margin-top: 30px; /* 间距 */border-radius: 5px; /* 圆角 */
}
.bth>span{font-weight: bold; /* 字体加粗 */
}<div class="div_box"><img src="./华为图片.jpg" alt=""> <!-- 图片没显示 --><div class="bth"><span>Harmony OS</span></div></div>
</body>
</html>