咖啡店banner.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>咖啡店banner</title>
<style>
*{
margin: 0px;
padding: 0px;
}
.out{
width:900px;
height: 344px;
background: url("images-第4章/images/bg.png") repeat-x;
margin: 0 auto;
}
.inner{
width: 900px;
height: 344px;
background:url("images-第4章/images/coffee.png")no-repeat 42px 30px;
}
</style>
</head>
<body>
<div class="out">
<div class="inner"></div>
</div>
<hr size="3" color="#cccccc" />
<p align="center" ><font color="#cccccc">XXX 2022</font></p>
</body>
</body>
</html>
![咖啡店banner.html](https://img-blog.csdnimg.cn/33df782640a54b0bbde1c5053fde9c55.png#pic_center)