前端开发_HTML5_模块化-404页面

1.引入

   我们之前通过栅格布局和相关学习的知识点写了两个常用的页面效果，接下来我们接着继续编写一些常用的代码内容，我们写一个404的页面，我们知道当我们访问的页面内容不存在的时候就需要使其指向我们所设定的页面，也就是你访问的资源不存在，这一个时候就需要访问404页面，那么我们一起来写一个简单的404页面。

2.404页面相关代码以及效果(节选)

<div class="notfoud-container">
			<div class="img-404">
			</div>
			<p class="notfound-p">哎呀迷路了...</p>
			<div class="notfound-reason">
				<p>可能的原因：</p>
				<ul>
					<li>数据验证有问题</li>
					<li>原来的页面不存在了</li>
					<li>服务器被劫持了</li>
				</ul>
			</div>
			<div class="notfound-btn-container">
				<a class="notfound-btn" href="JavaScript:history.go(-1)">返回</a>
			</div>
</div>

 

 代码下载路径：

好看的404界面.rar-Web开发文档类资源-CSDN文库https://download.csdn.net/download/u013185175/19928892