简单的404页面
例1
代码部分
<div class ="errorpPage-wrap" >
<div class ="errorpPage-box" >
<div class ="errorpPage-img" >
<img src ="imgs/数据为空2.png" >
</div >
<div class ="errorpPage-tip" >
<h3 > 对不起!没找到待办文档,请联系管理员!</h3 >
</div >
<div class ="errorpPage-operate" >
<a href ="javascript:window.opener=null;window.open('','_self');window.close();" > 关闭页面</a >
</div >
</div >
</div >
*{
margin :0 ;
padding :0 ;
font-family :"微软雅黑" ;
color : #34495e ;
}
.errorpPage-wrap ,body {
width :100 % ;
height :100 % ;
}
.errorpPage-box {
width :800 px ;
height :400 px ;
position :absolute ;
top :50 % ;
margin-top :-200 px ;
left :50 % ;
margin-left :-400 px ;
}
.errorpPage-tip h3 {
font-size : 24 px ;
font-weight : 300 ;
margin-top : 20 px ;
margin-bottom : 10 px ;
}
.errorpPage-tip p {
margin : 20 px 0 ;
}
.errorpPage-operate a {
margin-left :10 px ;
color :#06F ;
text-decoration :none ;
}
.errorpPage-operate a :first-child {
margin-left :0 !important ;
}
.errorpPage-img ,.errorpPage-tip ,.errorpPage-operate {
text-align :center ;
}
例2
代码部分
<div class ="errorpPage-box" >
<h1 > 对不起!发生了一些意想不到的错误。</h1 >
<h2 > Sorry, the site now can not be accessed. </h2 >
<p > 请联系系统管理员进行处理,我们会尽快修复。您可以:</p >
<div class ="errorpPage-operate" >
<a href ="javascript:window.location.reload()" class ="operateBtn" title ="刷新试试" > 刷新试试</a >
<a href ="#" class ="operateBtn" title ="返回首页" > 返回首页</a >
</div >
</div >
*{margin : 0 px ; padding :0 px ; font-family :"微软雅黑" ;font-size :16 px ;}
a {text-decoration : none ; color : #1064A0 ;}
h1 ,h2 {margin :0 ;font-weight :normal ; font-family : "微软雅黑" ; }
.errorpPage-box h1 {font-size :44 px ; color :#0188DE ; padding :20 px 0 px 10 px ;}
.errorpPage-box h2 {color :#0188DE ; font-size :16 px ; padding :10 px 0 px 40 px ;}
.errorpPage-box p {color :#666 ;}
.errorpPage-box {width :910 px ; padding :20 px 20 px 40 px ; margin-top :80 px ;border-style :dashed ;border-color :#e4e4e4 ;line-height :30 px ;margin-left :auto ; margin-right :auto ;}
.errorpPage-operate .operateBtn {width :180 px ; height :28 px ; margin-left :0 px ; margin-top :10 px ; background :#009CFF ; border-bottom :4 px solid #0188DE ; text-align :center ;display :inline-block ;font-size :14 px ; color :#fff ; }
.errorpPage-operate .operateBtn :hover { background :#5BBFFF ;}