0514-86177077
9:00-17:00(工作日)
演示圖如下:
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><!--[-->對不起,你要找的這個頁面突然不見了。不過,放心,一切都在我的掌控之中,不會跑多遠!<!--]--></p> </div> </div> <nav> <ul> <li><a href="###">首頁</a></li> <li><a href="###">熱搜</a></li> <li><a href="###">聯系</a></li> <li><a href="###">關于</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
到此這篇關于簡潔自適應404頁面HTML好看的404源碼的文章就介紹到這了,更多相關404頁面源碼內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持腳本之家!
標簽:眉山 崇左 北海 阜陽 營口 青海 晉中 河池
上一篇:移動端HTML5開發神器之vconsole詳解
下一篇:前端使用canvas生成盲水印的加密解密的實現
Copyright ? 1999-2012 誠信 合法 規范的巨人網絡通訊始建于2005年
蘇ICP備15040257號-8