极简错误页面
  • 内容
  • 相关

简单,是一种美。一个简洁的错误页面,会减轻人们看到错误页面时的糟心。

今天的这个错误页模板,来自腾讯云的未备案拒绝访问页面。

QQ截图20170803201527.png

完整代码如下:


<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <meta name="robots" content="noindex,nofollow">  
    <title>404 - 页面找不到了</title>  
    <style>  
        body{font-size: 14px;font-family: 'helvetica neue',tahoma,arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif; background-color:#fff; color:#808080;}  
        .wrap{margin:200px auto;width:510px;}  
        td{text-align:left; padding:2px 10px;}  
        td.header{font-size:22px; padding-bottom:10px; color:#000;}  
        td.check-info{padding-top:20px;}  
        a{color:#328ce5; text-decoration:none;}
        a:hover{text-decoration:underline;}
    </style>
</head>
<body>
    <div class="wrap">
        <table>
            <tr>
                <td rowspan="5" style=""><img src="https://ws1.sinaimg.cn/large/a15b4afegy1fhsfdznep4j2020020web.jpg"></td>
                <td class="header">很抱歉!当前页面找不到了</td>
            </tr>
            <tr><td>原因一:你敲错了网址</td></tr>
            <tr><td>原因二:这个页面已经被网站管理员(也就是我...)删了</td></tr>
            <tr><td>如果刷新页面没能解决问题,你可以前往<a href="https://suppore.cn/guestbook.html">本站留言板</a>反馈</td></tr>
            <tr><td class="check-info">或者,你也可以<a href="https://suppore.cn/">先去我的博客逛逛</a></td></tr>
        </table>
    </div>
</body>
</html>



点赞
X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
极简错误页面
         本页正文内容约1314个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/670.html   百度已收录

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

7条评论
        1. avatar

          不再青春 Lv.3    湖南省衡阳市 电信    回复

          表情  表情

          签到成功!签到时间: 晚上11时13分45秒,签到运到,生活乐逍遥!

          1. avatar

            自媒体博客 Lv.2    甘肃省兰州市 电信    回复

            这个,也太简单了,我用的是个动画

            1. 头像

              小陈    湖南省衡阳市 电信    回复

              回复了自媒体博客:这个相对而言就一个html的事

          2. avatar

            小陈    湖南省衡阳市 电信    回复

            滴!学生卡!打卡时间:下午7:19:32,请上车的乘客系好安全带~