公益404可以随便美化，间接自定义腾讯的公益404页面

为了吸引大家，我决定，一上来就放效果图，如下所示：

是的，在底部增加了两个按钮，如果想实现更加华丽的效果，可以自己想办法。

原来是打算用益云的，毕竟是老牌404公益，可这家伙居然不能自适应移动版，而且还是用iframe插入的，不能像js那样异步。

没有办法，就只能用腾讯404的js了。这里创建一个GY404.HTML文件，代码如下所示：

下面再创建一个404.CSS文件，用来自适应移动端，并作美化，代码如下所示：

*{ padding:0;margin:0;box-sizing:border-box;}
body,html{width:100%;height:100%;}
.container{max-width:100%;margin:0 auto;}
iframe{max-width:100%;max-height:70%;}
.btn{width:400px;margin:0 auto;max-width:100%;max-height:80%;margin-top:40px;}
.btn a{float:left;text-decoration:none;width:46.5%;border:1px solid 
#5298ff;background:#5298ff;color:#FFF;display:block;height:42px; line-height:44px;text-align:center;font-size:16px;border-radius:3px;overflow:hidden;}
.btn .goindex{margin-right:7%;}
.btn .lx{border: 1px solid #d8d8d8;background:#ffffff;color:#8c8c8c;}
@media screen and (max-width: 500px){
.btn{ width:100%; }
.btn a{ width:100%; font-size:15px; height:42px; line-height:42px; }
.btn .goindex{ margin-right:0; margin-bottom:20px; }

最后，创建一个404.html文件，这个就是实际的404页面，我们可以在这里有限制的随便美化我们的公益404页面，自定义我们的公益404页面。代码如下所示：

	
		
		
		
		
	
	
	
	    
	    
		

			

				返回首页返回上页
			

			
		
	

最后，就实现了开头那张图中的效果，这是可以自适应移动端的，可以根据自己的需要进行修改和调整。

之前问过很多的站长（包括个人站长），为什么不用公益404页面，回答都差不多，大都是扩展性差，麻花疼间接卖广告啊，如今用这方法，间接的，可以改善扩展性的弊端。本文出于公益，欢迎转载。