案例:![](https://img-blog.csdnimg.cn/901b8c0c05f146ca8411db41ae0bc980.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBANzjlsoHlpKfpvoTnqIvluo_lkZg=,size_20,color_FFFFFF,t_70,g_se,x_16)
图片资源:
<-------这里有图
参考代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>咖啡banner</title>
<style>
*{
margin: 0;
padding: 0;
}
.wai{
width:900px;
height:344px;
margin:50px auto;
background: url("素材/bg.png") repeat;
}
.nei{
width: 900px;
height: 344px;
background: url("素材/coffee.png")no-repeat 45px 20px;
}
</style>
</head>
<body>
<div class="wai">
<div class="nei">
</div>
</div>
</body>
</html>