<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>练习2</title>
<style>
.box1{
width: 200px;
height: 200px;
}
.box2{
color: red;
background-position: center;
}
.box3{
width: 200px;
height: 40px;
color: skyblue;
line-height: 40px;
font-size: 14px;
}
.box4 p{
width: 200px;
height: 50px;
background-position: center;
background-color: orange;
font-weight:bold ;
text-align: center;
line-height: 50px
}
</style>
</head>
<body>
<div class="box1">
<img src="shop.jpg" alt="" width="200">
</div>
<div class="box2">
<p>$559.36~$1036.43</p>
</div>
<div class="box3">
<p>Bose|Sony降噪耳机钜惠</p>
</div>
<div class="box4">
<img src="icons_03.png" alt="" width="200">
<p>查看优惠</p>
</div>
</body>
</html>