一个有意思的404页面

老规矩，先上效果图：

下面代码直接拷过去就能用：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;text-align: center}.page_404  img{width:100%;}.four_zero_four_bg{background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height: 400px;background-repeat: no-repeat;background-position: center;}.four_zero_four_bg h1{font-size:80px;}.four_zero_four_bg h3{font-size:80px;}.link_404{color: #fff!important;padding: 10px 20px;background: #39ac31;margin: 20px 0;display: inline-block;}.contant_box_404{ margin-top:-50px;}</style>
</head>
<body>
<section class="page_404"><div class="container"><div class="row"><div class="col-sm-12 "><div class="col-sm-10 col-sm-offset-1  text-center"><div class="four_zero_four_bg"><h1 class="text-center">404</h1></div><div class="contant_box_404"><h3 class="h2">Look like you're lost</h3><p>the page you are looking for not avaible!</p><a href="你的主页地址" class="link_404">返回首页</a></div></div></div></div></div>
</section>
</body>
</html>

不定期更新好玩的css样式或页面，点个订阅鼓励下吧。

一个有意思的404页面相关推荐

上海网络推广浅析一个优质的404页面能给网站带来什么优化效果？
一个运行良好的网站,往往离不开一个好的404页面的支持,上海网络推广认为404页面能帮助网站抵挡更多问题,也更利于网站的良好发展,那么对于404页面的作用大家都知道吗?下面上海网络推广就带大家一起来了 ...
mpvue返回上一个页面_服务器出现404页面是什么情况了
服务器404页面是什么报错#服务器# 下面壹#服务器# 一:什么是404页面? 404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面.404错误信息通常 ...
杭州网络推广带大家了解404页面的作用以及对网站优化的优势
杭州网络推广指出,一个优质的网站,用户体验度也不是盖的,其中拥有一个好的404页面是标配.可见网站拥有该页面的重要性,那么为什么网站拥有优质的404会很重要,它又能发挥什么作用呢?下面杭州网络推广就带 ...
网络优化404页面没用吗？对于SEO会造成什么影响？
随着互联网的发展越来越丰富,做网络推广其实并不陌生.对于很多企业之间或者个人网站来说,同行业的SEO优化也变得越来越激烈了.细心地人会发现在网络优化中会有404页面的出现,但是很多人都不理解404页面 ...
url访问后台数据报404_网络优化404页面没用吗？对于SEO会造成什么影响？
随着互联网的发展越来越丰富,做网络推广其实并不陌生.对于很多企业之间或者个人网站来说,同行业的SEO优化也变得越来越激烈了.细心的人会发现在网络优化中会有404页面的出现,但是很多人都不理解404页面 ...
怎么返回404_seo如果出现404页面怎么办？如何解决？
seo如果出现404页面怎么办?如何解决?很多人对于404页面都司空见惯了,但是要如何找出404错误呢?如何解决呢?下面聚名网小编就为大家介绍一下404页面对于seo是什么. seo如果出现404页面 ...
如何给页面加上loding_怎么做404页面？
我们在做SEO的时候,不会少了404页面.提供404页面的目的是,告诉访问者所请求的页面不存在或是存在链接错误.同时,还可引导用户查看网站的其它页面,而不是直接离开. 在这里,柒点传媒以Apache服 ...
如何在 Apache 中为你的网站设置404页面
一个好的网站,拥有一个好的 404页面是标配. 为何要有 404页面?如何设置一个 404页面? why 404 pages? 在本地,比如我打开 localhost/fuck.htm(该文件不存在 ...
走错路也要美美的！富有创意的404页面设计灵感
有趣的404页面能缓解用户的焦虑和挫败感,那么一个有趣的404页面,是如何体现的? 404页面,指的是显示网站错误链接的页面,可能是该访问的页面不存在,也可能是页面已经被删除.出现404异常状态,用户 ...

一个有意思的404页面

一个有意思的404页面相关推荐

最新文章

热门文章