首页写一个在电脑上可以用html打开的生日祝福代码

写一个在电脑上可以用html打开的生日祝福代码

时间: 2024-12-14 07:26:13 浏览: 8

当然可以。如果你想创建一个简单的HTML网页来发送电子生日祝福，你可以使用下面这个例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>生日祝福</title> <style> body { font-family: Arial, sans-serif; background-color: #f0f0f0; text-align: center; } .container { width: 400px; margin: 50px auto; padding: 20px; border: 2px solid #6c9; border-radius: 10px; } h1 { color: #ff6347; margin-bottom: 20px; } p { color: #333; } button { display: block; padding: 10px 20px; background-color: #ff6347; color: white; border: none; cursor: pointer; transition: background 0.3s ease; } button:hover { background-color: #cc4d39; } </style> </head> <body> <div class="container"> <h1>亲爱的[姓名]，祝你生日快乐!</h1> <p>愿你在新的一岁里，所有梦想都能成真，每天都充满阳光和微笑。</p> <button onclick="showWish()">点击领取更多祝福</button> <script> function showWish() { alert('祝你生日大吉！愿你心想事成，幸福满满!'); } </script> </div> </body> </html> ``` 在这个代码中，我们创建了一个包含标题、祝福语句以及一个点击事件（显示弹窗送出更多祝福）的简单HTML页面。将`[姓名]`替换为你想要祝福的人的名字即可。

阅读全文