在CSS中将三角形添加到带有背景图像的div顶部

div {
  position: relative;
  background-image: url('背景图像的URL');
  /* 其他背景属性 */
}

div::before {
  content: '';
}

div::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px; /* 可根据需要调整三角形的大小 */
  border-color: transparent transparent #000 transparent; /* 可根据需要调整三角形的颜色 */
}

div::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px; /* 可根据需要调整三角形的大小 */
  border-color: transparent transparent #000 transparent; /* 可根据需要调整三角形的颜色 */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}