首页生成一个炫酷的html页面

生成一个炫酷的html页面

时间: 2024-05-09 13:14:58 浏览: 93

好的，以下是一个简单的炫酷HTML页面示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cool HTML Page</title> <style> body { background-color: #1d1f27; color: #fff; font-family: Arial, sans-serif; } h1 { font-size: 4em; text-align: center; margin-top: 100px; } p { font-size: 2em; text-align: center; margin-top: 50px; } .btn { display: block; text-align: center; margin-top: 50px; } .btn a { display: inline-block; padding: 20px 50px; background-color: #ff4d4d; color: #fff; text-decoration: none; font-weight: bold; border-radius: 50px; transition: background-color 0.3s ease; } .btn a:hover { background-color: #ff1a1a; } </style> </head> <body> <h1>Welcome to my cool HTML page!</h1> <p>This is just a simple example of what HTML and CSS can do.</p> <div class="btn"> <a href="#">Click me!</a> </div> </body> </html> ``` 这个页面使用黑色背景和白色文本，包含一个居中的标题和段落，以及一个带有动画效果的按钮。你可以将其保存为一个名为 "index.html" 的文件，并在浏览器中打开它，查看其效果。

阅读全文