首页html好看的404

html好看的404

时间: 2023-07-28 13:21:24 浏览: 98

如果您想要一个好看的404页面，可以考虑以下几点： 1. 设计一个独特的页面，可以与您的网站风格相匹配。 2. 使用有趣的图像或插图来吸引用户的注意力。 3. 提供一个有用的搜索栏，让用户可以找到他们需要的信息。 4. 添加一个友好的错误提示，告诉用户他们遇到了一个错误，并提供一些解决方案或回到主页的链接。 5. 最后，确保您的404页面在所有设备上都能很好地显示和响应。下面是一个HTML/CSS的示例代码，您可以根据需要进行修改： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>404 Not Found</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } .container { max-width: 1200px; margin: 0 auto; text-align: center; padding-top: 100px; height: 100vh; } h1 { font-size: 120px; color: #333; margin: 0; } p { font-size: 24px; color: #777; } .search { margin-top: 50px; display: inline-block; } .search input[type="text"] { padding: 10px; border-radius: 5px; border: none; font-size: 16px; width: 300px; } .search input[type="submit"] { padding: 10px 20px; border-radius: 5px; border: none; font-size: 16px; background-color: #333; color: #fff; cursor: pointer; } a { color: #333; text-decoration: none; font-size: 18px; } a:hover { color: #777; } </style> </head> <body> <div class="container"> <h1>404</h1> <p>Oops! Page not found.</p> <div class="search"> <form action="#"> <input type="text" placeholder="Search..."> <input type="submit" value="Search"> </form> </div> <a href="#">Back to Home</a> </div> </body> </html> ```

阅读全文