css布局橙色卡通404页面没找到效果代码-html代码-BFW代码库

css布局橙色卡通404页面没找到效果代码

代码语言：html

代码描述：css布局橙色卡通404页面没找到效果代码

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <style>
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
    body{font-family:"Microsoft Yahei",Arial,tahoma,arial!important;color:#666;background-color:#fff;min-width:320px}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
    a{text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
    .dmaku-error-main{position:absolute;width:100%;height:333px;left:0;top:50%;margin-top:-200px;background:url(//repo.bfw.wiki/bfwrepo/images/404/1/sucainiu-error-2.jpg) no-repeat center 96px;background-size:100% 175px}
    .w-1200{width:1200px;margin:0 auto;position:relative}
    .dmaku-error-main .error-l{margin-top:140px}
    .fl{float:left}
    .clear:after{content:"";clear:both;display:block}
    .dmaku-error-main .error-l .l-tex a:hover{background-color:#eaeaea}
    .fr{float:right}
    img{display:block}
    .dmaku-error-main .error-l h1{float:left}
    .dmaku-error-main .error-l h1 a{display:block;width:175px;height:46px;background:url(//repo.bfw.wiki/bfwrepo/icon/60b2c443baaca.png).........完整代码请登录后点击上方下载按钮下载查看