簡(jiǎn)潔自適應(yīng)404頁(yè)面HTML好看的404源碼
發(fā)布時(shí)間：2020-12-16 11:07:13 作者：administrator0 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了簡(jiǎn)潔自適應(yīng)404頁(yè)面HTML好看的404源碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
演示圖如下：
HTML代碼片段：
<!DOCTYPE HTML>
<html>
<head>
<title>404</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="icon fa-diamond"></span>
</div>
<div class="content">
<div class="inner">
<h1>404</h1>
<p><!--[-->對(duì)不起，你要找的這個(gè)頁(yè)面突然不見了。不過，放心，一切都在我的掌控之中，不會(huì)跑多遠(yuǎn)！<!--]--></p>
</div>
</div>
<nav>
<ul>
<li><a href="###">首頁(yè)</a></li>
<li><a href="###">熱搜</a></li>
<li><a href="###">聯(lián)系</a></li>
<li><a href="###">關(guān)于</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
</header>
<!-- Main -->
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
圖片&css代碼部分：
鏈接: https://pan.baidu.com/s/18NcQScW6GKshXBKwHabTnA 提取碼: rgaw
到此這篇關(guān)于簡(jiǎn)潔自適應(yīng)404頁(yè)面HTML好看的404源碼的文章就介紹到這了,更多相關(guān)404頁(yè)面源碼內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
相關(guān)文章
基于js+css制作404數(shù)字跳動(dòng)錯(cuò)誤頁(yè)面
這是一款跳動(dòng)的數(shù)字 404 錯(cuò)誤頁(yè)面，打開頁(yè)面會(huì)出現(xiàn)404數(shù)字動(dòng)畫，同時(shí)適應(yīng)手機(jī)版。適用于任何風(fēng)格的網(wǎng)站，感興趣的朋友前來(lái)下載2019-06-26
