QQ貴族館專注技術資源、電影資源、游戲輔助以及福利分享,讓我們的Q生活更加精彩!
當前位置:主頁 > 網頁特效 > 網站簡約404錯誤頁面html源碼

網站簡約404錯誤頁面html源碼

QQ貴族館 網頁特效

在瀏覽網頁的時候碰到404錯誤是讓人非常掃興的,因此很多網站都會設計一個新穎的錯誤頁面,以吸引用戶繼續瀏覽其它的內容。這篇文章向大家分享漂亮的404清新簡約錯誤頁面模板下載。

20180305224671667166.png

<!DOCTYPE html>
<html>
<head>
<meta 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 {
	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:40px; margin-left:0px; margin-top:10px; background:#009CFF; border-bottom:4px solid #0188DE; text-align:center;}
.button a{width:180px; height:40px;line-height:40px; 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>Sorry, the site now can not be accessed. </h2>
	<font color="#666666">你請求訪問的頁面,暫時找不到,請返回官網訪問!</font>
	<div class="button">
		<a href="http://www.kfhews.live" title="進入官網" target="_blank">進入官網</a>
	</div>
</div>
</body>
</html>
相關文章
竟彩首网