一个简单的404页面

最新推荐文章于 2024-06-21 13:54:03 发布

weixin_30783913

最新推荐文章于 2024-06-21 13:54:03 发布

阅读量1k

点赞数

原文链接：http://www.cnblogs.com/haixiaomei/p/5011038.html

版权

首先是404.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404 page</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
    
    <img src="image/404.png" alt="">
    <div>The requested page fault..... </div>
    <div style="font-size:30px;">10.112.152.141</div>
    
</body>
</html>

其样式代码为：index.css

@charset "uf-8";
img {
    margin: 24px auto;
    margin-bottom: 30px;
    display: block;
}
div {
    font-size: 34px;
    font-family: songti;
    color:#DF0887 ;
    text-align: center;
    text-decoration: none;
}

运行效果图：