前端学习DAY26（华为平板页面）

<!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大屏&nbsp;|&nbsp;PC级专业办公生态&nbsp;|&nbsp;星闪手写笔*</p><img src="./华为图片.jpg" alt="">      <!-- 图片没显示 --><p>8099元&nbsp;&nbsp;<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>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/web/63867.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！