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