404页面代码

最新推荐文章于 2023-11-26 20:52:53 发布

莫及雨

最新推荐文章于 2023-11-26 20:52:53 发布

阅读量396

点赞数 1

分类专栏： html+css+js 文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_46806380/article/details/122670981

版权

html+css+js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

前端404.html页面代码

附加功能：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>404.. 页面没有找到!!!</title>
    <style type="text/css">
        body{ margin:0; padding:0; background:rgb(79, 190, 246); font-family:Georgia, Times, Verdana, Geneva, Arial, Helvetica, sans-serif; }
        div#mother{ margin:0 auto; width:943px; height:572px; position:relative; }
        div#errorText{ color:#39351e; padding:146px 0 0 446px }
        div#errorText p{ width:303px; font-size:14px; line-height:26px; }
        div.link{ /*background:#f90;*/ height:50px; width:145px; float:left; }
        div#home{ margin:20px 0 0 444px;}
        div#contact{ margin:20px 0 0 25px;}
        h1{ font-size:40px; margin-bottom:35px; }
    </style>
</head>

<body>
<div id="mother">
    <div id="errorBox">
        <div id="errorText">
            <h1>抱歉...您访问的页面不存在!!!</h2>
            <p>造成的原因可能是：</p>
            您请求的页面不存在、或已被删除、或暂时不可用！！！<br>
            请不要担心，这没事。如果该资源对你很重要，请与管理员联系。</br>
            》》<a href="/xxxx默认的首页地址/" title="返回首页"> 返回首页</a><br><br>
           》》<a style="color: rebeccapurple" title="返回上一页" onclick="history.back()">返回上一页面</a>
        </div>
    </div>
</div>
</body>
</html>

运行截图：
在这里插入图片描述

莫及雨

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
404页面代码

前端404.html页面代码附加功能：返回首页返回上一页<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>40
复制链接

扫一扫