酷知百科網

位置:首頁 > 遊戲數碼 > IT技術

如何給自己的網站添加背景音樂

IT技術1.14W

現在的網頁設計越來越普遍,現在小編就來爲小夥伴們演示如何在網站添加背景音樂。

工具/材料

Adobe dreamweaver cs6軟件

電腦

操作方法

在桌面新建一個檔案夾,任意命名,裏面再新建一個檔案夾,取名music(一定要和你儲存的網頁在同一個檔案夾內)

如何給自己的網站添加背景音樂
如何給自己的網站添加背景音樂 第2張

開啟你新建的網頁,就是index

如何給自己的網站添加背景音樂 第3張

我爲了方便觀看,我設定了背景顏色的,然後輸入代碼
<audio controls autoplay="autoplay">
<source src="./music/3">(他可以自動播放)

如何給自己的網站添加背景音樂 第4張

點擊調試,或者按F12,出現一個對話框,點擊允許,就可以了

如何給自己的網站添加背景音樂 第5張

最後成功的圖片模板

如何給自己的網站添加背景音樂 第6張

特別提示

背景音樂有多種樣式,可以循環播放,自動播放,點擊播放,按照需求來進行編輯代碼

標籤:背景音樂 網站