完成如下图,需要将两个图片进行重叠,这里调用图片img标签在使用background背景设置整体。
过程比较简单,详细注释看下图
代码块:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>咖啡店banner</title>
<style>
.box1{
width: 800px;
background: url("img/素材/bg.png");
}
</style>
</head>
<body>
<div class="box1">
<img src="img/素材/coffee.png" >
</div>
</body>
</html>