首页简约好看的404单页源码

简约好看的404单页源码

时间: 2023-06-16 19:08:26 浏览: 87

以下是一个简约好看的404单页HTML/CSS源码，你可以根据自己的需求进行修改。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>404 - Page Not Found</title> <style> body { margin: 0; padding: 0; font-family: sans-serif; background-color: #f8f9fa; } .container { margin: 0 auto; text-align: center; padding-top: 10%; } h1 { font-size: 7rem; font-weight: bold; color: #343a40; margin: 0; } p { font-size: 2rem; color: #6c757d; margin: 0; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } </style> </head> <body> <div class="container"> <h1>404</h1> <p>Oops! The page you requested was not found.</p> <p><a href="/">Go back to homepage</a></p> </div> </body> </html> ``` 你可以直接复制以上代码到你的HTML文件中使用，或者将其保存为一个HTML文件并在需要的时候进行调用。