h5页面披萨头图

披萨头图可以通过以下步骤来实现：

1. 首先，你需要准备一张高清的披萨图片，最好是正面拍摄的，这样可以让头图更有视觉冲击力。

2. 在HTML中添加一个容器元素，并设置其位置为相对定位。

3. 将披萨图片添加到容器中，并设置其宽度和高度为100%以填充整个容器。

4. 添加一个半透明遮罩，以使文字更加清晰可见。可以使用CSS中的伪元素 `::before` 或 `::after` 来实现这个效果。

5. 在遮罩上添加文本，可以是标题、副标题或者其他相关信息。

6. 最后，为容器元素设置一个合适的高度和宽度，使整个头图看起来更加美观。

以下是一个简单的示例代码：

<div class="pizza-header">
  <img src="pizza.jpg" alt="Pizza">
  <div class="overlay">
    <h1>Delicious Pizza</h1>
    <p>Order now and get 10% off your first order!</p>
  </div>
</div>

.pizza-header {
  position: relative;
  height: 500px;
  width: 100%;
}

.pizza-header img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持图片比例不变，填充整个容器 */
}

.pizza-header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.5); /* 半透明遮罩 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pizza-header h1 {
  color: #fff;
  font-size: 3em;
  margin-bottom: 0.5em;
}

.pizza-header p {
  color: #fff;
  font-size: 1.5em;
}