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

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

　　实现的代码。

　　html代码：

XML/HTML Code复制内容到剪贴板

<section class="center">  
        <article>  
            <h1 class="header">  
                404</h1>  
            <p class="error">  
                ERROR</p>  
        </article>  
        <article>  
            <img src="vovg1x.png" alt="Funny Face">  
        </article>  
        <article>  
            <p>  
                Lost? Maybe I can help.</p>  
        </article>  
        <article>  
            <form action="">  
            <input type="text" name="search" class="srchFld" placeholder="What are you looking for?"  
                required />  
            <button type="submit" class="srchBtn">  
                Search</button>  
            </form>  
        </article>  
        <article>  
            <h3>