一款纯css3实现的漂亮的404页面的实例教程

　　之前为大家分享了那些创意有趣的404页面。今天再给大家分享一款纯css3实现的漂亮的404页面。效果图如下：

　　实现的代码。

　　html代码：

1. <section class="center">  
2.         <article>  
3.             <h1 class="header">  
4.                 404</h1>  
5.             <p class="error">  
6.                 ERROR</p>  
7.         </article>  
8.         <article>  
9.             <img src="vovg1x.png" alt="Funny Face">  
10.         </article>  
11.         <article>  
12.             <p>  
13.                 Lost? Maybe I can help.</p>  
14.         </article>  
15.         <article>  
16.             <form action="">  
17.             <input type="text" name="search" class="srchFld" placeholder="What are you looking for?"  
18.                 required />  
19.             <button type="submit" class="srchBtn">  
20.                 Search</button>  
21.             </form>  
22.         </article>  
23.         <article>  
24.             <h3>  
25.                 My Suggestions.</h3>  
26.             <ul>  
27.                 <li