css布局实现蓝天白云404错误页面代码

代码语言:html

所属分类:布局界面

代码描述:css布局实现蓝天白云404错误页面代码

代码标签: 蓝天 白云 404 错误 页面

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
        @charset "utf-8";
    body, div {
        margin: 0;
        padding: 0;
    }
    body {
        background: url("//repo.bfw.wiki/bfwrepo/images/404/error_bg.jpg") repeat-x scroll 0 0 #67ACE4;
    }
    #container {
        margin: 0 auto;
        padding-top: 50px;
        text-align: center;
        width: 560px;
    }
    #container img {
        border: medium none;
        margin-bottom: 50px;
    }
    #container .error {
        height: 200px;
        position: relative;
    }
    #container .error img {
        bottom: -50px;
        position: absolute;
        right: -50px;
    }
    #container .msg {
        margin-bottom: 65px;
    }
    #cloud {
        background: ur.........完整代码请登录后点击上方下载按钮下载查看

网友评论0