css布局404简洁页面没找到效果代码

代码语言:html

所属分类:布局界面

代码描述:css布局404简洁页面没找到效果代码,5秒倒计时自动到首页。

代码标签: 简洁 页面 找到 效果

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

<!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>该页面不存在</title>

    <style>
        body {
    	background-color: #fff;
    }
    .auto {
    	width: 1000px;
    	margin: 230px auto;
    }
    .container {
    	background: url(//repo.bfw.wiki//bfwrepo/images/404/1/404-bg.png) no-repeat 560px top;
    }
    .settings {
    	padding-left: 200px;
    	padding-bottom: 50px;
    }
    .settings .icon {
    	display: block;
    	width: 242px;
    	height: 106px;
    	background: url(//repo.bfw.wiki//bfwrepo/images/404/1/404.png) no-repeat 0 0;
    }
    .settings h4 {
    	margin: 30px 0 15px 0;
    	font-size: 18px;
    	color: #2cb7fd;
    }
    .settings p {
    	font-size: 14px;
    	color: #999;
    }
    .settings > div {
    	margin-top: 40px;
    	font-size: 0;
    }
    .settings > div a {
    	display: inline-block;
    	padding: 10px 40px;
    	border: 1px solid #2cb7fd;
    	font-size: 15px;
    	color: #2cb7fd;
    	text-decoration: none;
    }
    .settings > div a:first-child {
    	margin-right: 20px;
    	color: #fff;
    	background-color: #2cb7fd;
    }
    </style>
    </stye>
    <script type="text/.........完整代码请登录后点击上方下载按钮下载查看

网友评论0