极简404页面模板|纯HTML【少量css】

最新推荐文章于 2024-06-04 07:36:26 发布

红袍法师

最新推荐文章于 2024-06-04 07:36:26 发布

阅读量1.5k

点赞数 4

文章标签： html js css web

本文链接：https://blog.csdn.net/Red_Master/article/details/105890321

版权

德志Web 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

记着点赞

在这里插入图片描述


<!DOCTYPE html>
<html style="height:100%">
<head>
    <meta name="viewport" charset="utf-8" content="width=device-width, initial-scale=1, shrink-to-fit=no" >
    <title> 404 Not Found</title>


</head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; ">     <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
    <h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
    <h2 style="margin-top:20px;font-size: 30px;">Not Found
    </h2>
    <p>The resource requested could not be found on this server!</p>
    <div class="button">
        <h2>        <a href="http://baidu.com" title="找度娘" target="_blank" style="color: #444;">返回首页</a>
        </h2>
    </div>
</div></div></body></html>

买一送一

在这里插入图片描述


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>404 Not Found</title>

    <style type="text/css">
        body {margin: 0px; padding:0px; font-family:"微软雅黑", Arial, "Trebuchet MS", Verdana, Georgia,Baskerville,Palatino,Times; font-size:16px;}
        div{margin-left:auto; margin-right:auto;}
        a {text-decoration: none; color: #1064A0;}
        a:hover {color: #0078D2;}
        img { border:none; }
        h1,h2,h3,h4 {
            /*	display:block;*/
            margin:0;
            font-weight:normal;
            font-family: "微软雅黑", Arial, "Trebuchet MS", Helvetica, Verdana ;
        }
        h1{font-size:44px; color:#0188DE; padding:20px 0px 10px 0px;}
        h2{color:#0188DE; font-size:16px; padding:10px 0px 40px 0px;}

        #page{width:910px; padding:20px 20px 40px 20px; margin-top:80px;}
        .button{width:180px; height:28px; margin-left:0px; margin-top:10px; background:#009CFF; border-bottom:4px solid #0188DE; text-align:center;}
        .button a{width:180px; height:28px; display:block; font-size:14px; color:#fff; }
        .button a:hover{ background:#5BBFFF;}
    </style>

</head>
<body>


<div id="page" style="border-style:dashed;border-color:#e4e4e4;line-height:30px;background:url(sorry.png) no-repeat right;">
    <h1>抱歉，找不到此页面~</h1>
    <h2>Sorry, the site now can not be accessed. </h2>
    <font color="#666666">你请求访问的页面，暂时找不到，工程师正在努力创造，谢谢！</font><br /><br />
    <div class="button">
        <a href="http://baidu.com" title="找度娘" target="_blank">返回首页</a>
    </div>
</div>


<center><script type="text/javascript"> (function() { var s = "_" + Math.random().toString(36).slice(2); document.write('<div style="" id="' + s + '"></div>'); (window.slotbydup = window.slotbydup || []).push({ id: "u4923786", container:  s }); })(); </script><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script></center>

</body>
</html>

红袍法师

关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
极简404页面模板|纯HTML【少量css】

记着点赞<!DOCTYPE html><html style="height:100%"><head> <meta name="viewport" charset="utf-8" content="width=device-width, initial-scale=1, shrink-to-fit=no" > <tit...
复制链接

扫一扫

专栏目录