如何为标题添加另一个背景img或颜色？

<h1 class="title-with-bg-img">这是一个带有背景图像的标题</h1>

.title-with-bg-img {
  background-image: url('path/to/your/image.jpg');
  background-size: cover; /* 或者使用 contain，取决于你想要的显示效果 */
  background-position: center;
  color: white; /* 确保文本颜色与背景对比明显 */
  padding: 10px; /* 添加一些内边距 */
}

<h1 class="title-with-bg-color">这是一个带有背景颜色的标题</h1>

.title-with-bg-color {
  background-color: #ff6347; /* 你可以选择任何你喜欢的颜色 */
  color: white; /* 确保文本颜色与背景对比明显 */
  padding: 10px; /* 添加一些内边距 */
}

<h1 class="title-with-bg-combo">这是一个带有背景图像和颜色的标题</h1>

.title-with-bg-combo {
  background: url('path/to/your/image.jpg') no-repeat center center/cover, #ff6347;
  color: white; /* 确保文本颜色与背景对比明显 */
  padding: 10px; /* 添加一些内边距 */
}