首页写个使用html，css，JavaScript的表白代码

写个使用html，css，JavaScript的表白代码

时间: 2023-01-11 08:55:36 浏览: 228

你好！下面是使用 HTML、CSS 和 JavaScript 的表白代码的示例： ``` <!DOCTYPE html> <html> <head> <style> body { background-color: pink; text-align: center; font-family: Arial, sans-serif; } h1 { color: red; } </style> </head> <body> <h1>亲爱的XXX，我爱你</h1> <p>你是我生命中最美好的事物，我希望能和你永远在一起。</p> <button onclick="playLoveSong()">播放浪漫情歌</button> <audio id="love-song" src="https://example.com/love-song.mp3"></audio> <script> function playLoveSong() { var audio = document.getElementById("love-song"); audio.play(); } </script> </body> </html> ``` 上面的代码使用 HTML 来结构化内容，使用 CSS 来设置页面的样式，使用 JavaScript 来控制页面的交互。其中，HTML 的 `<h1>` 和 `<p>` 标签用于显示文本内容，CSS 的 `body` 和 `h1` 选择器用于设置背景颜色和文本颜色，JavaScript 的 `playLoveSong` 函数用于播放浪漫情歌。希望这个示例能帮到你！

阅读全文