前端學習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.pswp.cn/web/63867.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/63867.shtml
英文地址，請注明出處：http://en.pswp.cn/web/63867.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！