HTML5和css布局中如何将图片设置为背景，并且将文字写在该背景上的代码

可以使用CSS中的background属性将图片设置为背景，然后在该背景上写入文字。具体代码如下：

<div class="image-bg">
  <h1>这是一个背景图片</h1>
</div>

.image-bg {
  background-image: url("image.jpg");
  background-size: cover;
  background-position: center;
  height: 500px;
  color: #fff;
  text-align: center;
  padding-top: 200px;
}

在上面的代码中，div元素被设置为一个背景图片，图片的路径为image.jpg。background-size属性设置背景图片的大小，cover表示铺满整个div元素。background-position属性设置背景图片的位置，center表示居中。height属性设置div元素的高度，根据需要进行调整。color属性设置文字颜色为白色。text-align属性设置文字居中。padding-top属性用于将文字与顶部的距离调整为200px，根据需要进行调整。