<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box1{
font-size: 20px;
font-weight: bold;
height: 30px;
width: 400px;
border:0.5px solid rgba(0, 0, 0, 0.3);
border-bottom:0.5px dashed rgba(0, 0, 0, 0.3);
margin: auto;
/* display: none; */
visibility: visible;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
#box2{
font-size: 20px;
opacity: 0.5;
height:250px;
width: 380px;
border:0.5px solid rgba(0, 0, 0, 0.3);
border-top: 0.5px dashed rgba(0, 0, 0, 0.3);
margin: auto;
/* display: none; */
visibility: visible;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
</style>
</head>
<body>
<div id="box1" >品优购快报 </div>
<div id="box2" >
<p>【特惠】爆款耳机5折起!</p>
<p>【特惠】母亲节,健康好礼低至5折!</p>
<p>【特惠】爆款耳机5折起!</p>
<p>【特惠】9.9元洗100张照片!</p>
<p>【特惠】长虹智能空调立省1000</p>
</div>
</body>
</html>