首页 > > 网页制作 > css >

404页面自动跳转到首页

2018-09-29 03:52:00来源：博客园阅读 ()

很抱歉，网站搬新家啦！

网站搬新家啦，即将跳转新网址~

The website is moving to a new home. It is about to jump to the new website.

若网页未能自动跳转新网址，请点击下面按钮进行跳转！

进入新网址

<!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 type="text/css">
body {margin: 0px; padding:0px; font-family:"微软雅黑", Arial, "Trebuchet MS", Verdana, Georgia,Baskerville,Palatino,Times; font-size:16px;}
div{margin-left:auto; margin-right:auto;}
a {text-decoration: none; color: #1064A0;}
a:hover {color: #0078D2;}
img { border:none; }
h1,h2,h3,h4 {
/*	display:block;*/
	margin:0;
	font-weight:normal; 
	font-family: "微软雅黑", Arial, "Trebuchet MS", Helvetica, Verdana ; 
}
h1{font-size:44px; color:#0188DE; padding:20px 0px 10px 0px;}
h2{color:#0188DE; font-size:16px; padding:10px 0px 40px 0px;}

#page{width:910px; padding:20px 20px 40px 20px; margin-top:80px;}
.button{width:180px; height:28px; margin-left:0px; margin-top:10px; background:#009CFF; border-bottom:4px solid #0188DE; text-align:center;}
.button a{width:180px; height:28px; display:block; font-size:14px; color:#fff; }
.button a:hover{ background:#5BBFFF;}
</style>

</head>
<body>

<div id="page" style="border-style:dashed;border-color:#e4e4e4;line-height:30px;background:url(sorry.png) no-repeat right;">
	<h1>网站搬新家啦，即将跳转新网址~</h1>
	<h2>The website is moving to a new home. It is about to jump to the new website. </h2>
	<meta http-equiv="refresh" content="0.1;url=https://www.baidu.com">
	<font color="#666666">若网页未能自动跳转新网址，请点击下面按钮进行跳转！</font><br /><br />
	<div class="button">
		<a href="https://www.baidu.com" title="进入新网址">进入新网址</a>
	</div>
</div>
</body>
</html>

感谢大家浏览到这里~~~~

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有