<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>找不到页面</title> <style type="text/css"> html,body {width: 100%;height: 100%;background: #f7f7f7;margin: 0;padding: 0;border: 0;} div,p {margin: 0;padding: 0;border: 0;} .container {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;overflow: hidden;} .info {width: 480px;height: 360px;position: absolute;top: 50%;left: 50%;margin-top: -200px;margin-left: -240px;text-align:center;} .info-status{width: 480px; display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;} .info-status div{width:180px; height:180px; line-height:180px; font-size:180px; font-weight:200; color:#F35F37} .info-status div.face{font-size:60px; border:9px solid #F35F37; width:120px; height:120px; line-height:118px; background-color:#fff; border-radius:50%;} .info-tips{font-size:24px;color:#F35F37; padding-top:32px; font-weight:600;} .footer {position: absolute;font-size: 12px;bottom: 28px;text-align: center;width: 100%;color: #969696;} </style> </head> <body> <div class="container"> <div class="info"> <div class="info-status"> <div>4</div><div class="face">😔</div><div>4</div> </div> <div class="info-tips">哎呀!找不到页面</div> </div> <div class="footer"> © 2022 gougucms.com GPL-3.0 license,Powered by 勾股OA </div> </div> </body> </html>