首页使用html+css+js 写一个表白页面

使用html+css+js 写一个表白页面

时间: 2023-05-21 10:07:05 浏览: 200

当然可以！HTML 和 CSS 用来构建页面的各种元素和样式，而 JavaScript 则可以为网站添加交互和动态效果。以下是示例代码： ``` <!DOCTYPE html> <html> <head> <title>表白页面</title> <meta charset="UTF-8"> <style> body { background-color: pink; font-family: 'Calibri', sans-serif; text-align: center; } h1 { font-size: 60px; margin-top: 100px; } p { font-size: 30px; } button { background-color: white; border: none; color: pink; padding: 20px; font-size: 20px; border-radius: 10px; margin-top: 50px; cursor: pointer; } </style> <script> function showMessage() { alert("我喜欢你，愿意做你的男/女朋友吗？") } </script> </head> <body> <h1>亲爱的XXX：</h1> <p>你是我生命中最重要的人，我愿意用一生的时间来爱你！</p> <button onclick="showMessage()">点击查看表白</button> </body> </html> ``` 希望这个页面能帮到你！

阅读全文