鹤壁网站的404页面怎么设计

10
发表时间:2020-05-17 11:23作者:郑州做网站白杨网络

  经过我们之前说的404页面如何设置,大家也能了解到404页面对于网站优化和用户体验的重要性,那么404页面的代码是如何写的呢,今天给大家分享的就是鹤壁网站建设的404页面代码。


t01ce4834d658e052e0.jpg


  在设置自己网站的404页面时,要结合自己的情况修改title部分,另外的话要把body部分的文字改成自己想要的。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- saved from url=(0028)http://www.e1v1.com/404.html -->

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>404错误页面-原创先锋网站建设公司</title>

<style type="text/css">

body{margin:0;padding:0;font:14px/1.6 Arial,Sans-serif;background:#fff url(img/body.png) repeat-x;}

a:link,a:visited{color:#007ab7;text-decoration:none;}

h1{

position:relative;

z-index:2;

width:540px;

height:0;

margin:110px auto 15px;

padding:230px 0 0;

overflow:hidden;

xxxxborder:1px solid;

background-image: url(此处插入自己做好的404图片地址,http://www.xx.com/404.jpg);

background-repeat: no-repeat;

}

h2{

position:absolute;

top:55px;

left:233px;

margin:0;

font-size:0;

text-indent:-999px;

-moz-user-select:none;

-webkit-user-select:none;

user-select:none;

cursor:default;

width: 404px;

height: 90px;

}

h2 em{display:block;font:italic bold 200px/120px "Times New Roman",Times,Serif;text-indent:0;letter-spacing:-5px;color:rgba(216,226,244,0.3);}

.link a{margin-right:1em;}

.link,.texts{width:540px;margin:0 auto 15px;color:#505050;}

.texts{line-height:2;}

.texts dd{margin:0;padding:0 0 0 15px;}

.texts ul{margin:0;padding:0;}

.portal{color:#505050;text-align:center;white-space:nowrap;word-spacing:0.45em;}

.portal a:link,.portal a:visited{color:#505050;word-spacing:0;}

.portal a:hover,.portal a:active{color:#007ab7;}

.portal span{display:inline-block;height:38px;line-height:35px;background:url(img/portal.png) repeat-x;}

.portal span span{padding:0 0 0 20px;background:url(img/portal.png) no-repeat 0 -40px;}

.portal span span span{padding:0 20px 0 0;background-position:100% -80px;}

.STYLE1 {

font-family: Arial, Helvetica, sans-serif;

font-size: 65px;

}

</style>

<!--[if lte IE 8]>

<style type="text/css">

h2 em{color:#e4ebf8;}

</style>

<![endif]-->

</head>

<body>

<h1></h1>

<h2><em><span class="STYLE1">404 Error&nbsp;&nbsp; </span></em>:所查找的页面不存在,可能已被删除或您输错了网址!</h2>

<p class="link">

<a href="/">?返回首页</a>

<a href="/sitemap.html">?网站地图</a>

<a href="/">?返回上一页</a>

</p>

<dl class="texts">

<dt>www.bjycxf.com正在联系火星总部查找您所需要的页面.请返回等待信息..</dt>

<dd>

<ul>

<li>不要返回吗?</li>

<li>确定不要返回吗?</li>

<li>真的真的确定不要返回吗?</li>

<li>好吧.还是随便你要不要真的确定返回吧</li>

</ul>

</dd>

</dl>  

<p></p>

</body></html>


友情链接:百度 网站地图 郑州网站建设公司 郑州做网站公司
公司地址:河南省灵宝市解放南路长安公寓701室  张经理:15936889988
公司固话:0398-2652651 Email:[email protected]
公司主营业务:网站建设-微商城制作-小程序制作-网络营销推广