首页用代码写一个h5中秋网页

用代码写一个h5中秋网页

时间: 2023-09-26 10:15:16 浏览: 185

好的，我可以为您提供一个简单的中秋节H5网页的代码示例，但是请注意，这只是一个基础的模板，您需要根据自己的需求进行修改和完善。 ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>中秋节快乐</title> <style> body { background-color: #f7d794; text-align: center; font-family: Arial, sans-serif; } h1 { font-size: 60px; margin-top: 50px; color: #e056fd; } img { width: 300px; margin-top: 50px; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); } p { font-size: 20px; margin-top: 50px; color: #2d3436; } button { font-size: 24px; padding: 10px 20px; background-color: #0984e3; color: #fff; border: none; border-radius: 4px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); cursor: pointer; margin-top: 50px; } button:hover { background-color: #74b9ff; } </style> </head> <body> <h1>中秋节快乐！</h1> <img src="https://picsum.photos/300/300" alt="中秋节快乐"> <p>祝您和家人团圆，幸福美满！</p> <button onclick="alert('谢谢祝福！')">点击祝福</button> </body> </html> ``` 这段代码使用了 HTML 和 CSS 来实现一个简单的中秋节H5网页。其中包括一个标题、一张图片、一段文本和一个按钮。您可以根据自己的需求进行修改和添加元素，实现更加丰富的效果。

阅读全文