CINXE.COM
Document
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } .error-container{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 240px; height: auto; } .error-img{ width: 220px; height: 220px; margin-bottom: 14px; } .error-img img { width: 100%; height: 100%; } .error-desc{ font-size: 20px; color: #666666; text-align: center; } .error-btn{ display: block; width: 160px; height: 45px; margin: 20px auto 14px; line-height: 45px; border: none; outline: none; font-size: 18px; color: #ffffff; background: #4080e8; cursor: pointer; border-radius: 25px; text-decoration: none; text-align: center; } </style> </head> <body> <div class="error-container"> <div class="error-img"> <img src="https://static.rong360.com/upload/png/86/19/86190e9411dc806a12b7b60f23a1e054.png" alt=""> </div> <p class="error-desc">404, 您查看的页面不存在</p> <a class="error-btn" href="https://www.rong360.com">返回网站首页</a> </div> </body> </html>