通过html+css+javascript在前端界面中加入背景音乐，每当打开页面时会自动循环播放

要在前端界面中加入背景音乐并自动循环播放，你可以通过以下步骤实现：

1. 在html文件中添加一个audio标签，用于嵌入音频文件。例如，你可以这样写：

<audio autoplay loop>
  <source src="music.mp3" type="audio/mpeg">
</audio>

其中，autoplay属性表示自动播放，loop属性表示循环播放。source标签用于指定音频文件的路径和类型。

2. 在css文件中设置音频标签的样式。例如，你可以这样写：

audio {
  display: none;
}

这样设置可以隐藏音频标签，避免页面上出现一个不必要的控件。

3. 在javascript文件中添加一些代码，用于控制音频的播放和暂停。例如，你可以这样写：

var audio = new Audio('music.mp3');
audio.loop = true;
audio.play();

这些代码创建了一个Audio对象，指定了音频文件的路径和循环播放的状态，然后调用了play()方法开始播放音频。

注意：为了确保音频可以自动播放，你需要在浏览器中启用自动播放功能。这可以通过在页面中添加一些代码来实现。例如，你可以这样写：

document.addEventListener("DOMContentLoaded", function() {
  var audio = new Audio('music.mp3');
  audio.loop = true;
  audio.play();
});

这些代码在页面加载完成后自动播放音频。