在手機站中，有時候我們想在頁面中插入一些背景音樂來增加網站的音樂氛圍，而使用css可以輕松實現這個需求。

//css代碼
body{
background:url(background.jpg);
/*設置背景圖*/
background-size:cover;
/*讓背景圖鋪滿整個頁面*/
background-attachment:fixed;
/*圖片固定*/
background-repeat:no-repeat;
/*禁止重復*/
background-position:center center;
/*將圖片放在頁面中心*/
background-color:#f7f7f7;
/*設置頁面背景顏色*/
color:#333;
/*設置文字顏色*/
font-family:"Arial",sans-serif;
/*設置文字字體*/
font-size:16px;
/*設置文字大小*/
}
audio#bgm{
display:none;
/*隱藏音樂播放器*/
}

首先我們需要設置頁面的背景圖和背景顏色，可以使用background設置，同時也要設置文字顏色、字體和大小來使頁面更美觀。接下來，我們需要插入音樂，可以使用html5的audio標簽，并設置id為“bgm”來進行控制。在css中，我們可以設置這個音樂播放器的display為none，這樣頁面就不會顯示出來了。

//css代碼
audio#bgm{
display:none;
/*隱藏音樂播放器*/
}

但是，如果我們想要讓音樂自動播放呢？這時候我們就需要使用javascript了，代碼如下：

//javascript代碼
var audio = document.getElementById('bgm');
audio.addEventListener('loadedmetadata', function() {
audio.play();
});

這段代碼的意思是，當音頻元素加載好音頻數據后，在元素上觸發loadedmetadata事件，在事件處理程序中調用play() 方法開始播放。并且我們可以將這段代碼插入到head標簽中來自動播放音樂。

通過以上的代碼設置，我們就可以在手機站中實現背景音樂的播放和控制，為網站增加更多樂趣。