当前位置: 首页 > news >正文

html--404页面

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>404 错误页面不存在</title>
<style type="text/css">
body,div,h3,h4,li,ol{margin:0;padding:0}
body{font:14px/1.5 'Microsoft YaHei','微软雅黑',Helvetica,Sans-serif;min-width:1200px;background:#f0f1f3;}
:focus{outline:0}
h3,h4,strong{font-weight:700}
a{color:#838383;text-decoration:none}
a:visited{color:#838383;text-decoration:underline}
a:hover{color:#838383;text-decoration:underline}
.error-page{background:#f0f1f3;padding:80px 0 180px}
.error-page-container{position:relative;z-index:1}
.error-page-main{position:relative;background:#f9f9f9;margin:0 auto;width:617px;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 50px 70px}
.error-page-main:before{content:'';display:block;height:7px;position:absolute;top:-7px;width:100%;left:0}
.error-page-main h3{font-size:24px;font-weight:400;border-bottom:1px solid #d0d0d0}
.error-page-main h3 strong{font-size:54px;font-weight:400;margin-right:20px}
.error-page-main h4{font-size:20px;font-weight:400;color:#333}
.error-page-actions{font-size:0;z-index:100}
.error-page-actions div{font-size:14px;display:inline-block;padding:30px 0 0 10px;width:50%;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#838383}
.error-page-actions ol{list-style:decimal;padding-left:20px}
.error-page-actions li{line-height:2.2em}
.error-page-actions:before{content:'';display:block;position:absolute;z-index:-1;bottom:17px;left:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);-o-transform:rotate(-4deg);transform:rotate(-4deg)}
.error-page-actions:after{content:'';display:block;position:absolute;z-index:-1;bottom:17px;right:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}
</style>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
</head>
<body>
<div class="error-page"><div class="error-page-container"><div class="error-page-main"><h3><strong>404</strong>很抱歉,您要访问的页面不存在!</h3><div class="error-page-actions"><div><h4>可能原因:</h4><ol><li>您请求的页面不存在</li><li>您请求的页面已被删除</li><li>您请求的页面暂时不可用</li></ol></div><div><h4>可以尝试:</h4><ol><li><a style="cursor:pointer" onclick="history.back()">返回上一页面</a></li><li><a href="http://www.zzvips.com/">返回网站首页</a></li><li>尝试刷新一下页面</li></ol></div></div></div></div>
</div>
<amp-ad width="100vw" height=320type="adsense"data-ad-client="ca-pub-3868981026023908"data-ad-slot="2864076144"data-auto-format="rspv"data-full-width><div overflow></div>
</amp-ad>
</body>
</html>

在这里插入图片描述

在这里插入图片描述

相关文章:

  • Mybatis plus:IService接口
  • PyScada(四)构建用户 HMI
  • 亿联 AM610 M.2 SSD PCIE 3.0X2 128GB测评
  • NSIS 入门教程 (一)
  • mybatis框架相关问题总结(本地笔记搬运)
  • 这家民营银行起诉担保公司?暴露担保增信兜底隐患
  • 波兰出局奥地利无限可能,荷法无谓争小组第一,谁能小组第一?
  • 帕金森患者饮食指南:科学调养,呵护健康
  • 一般人不要学Python?一般人怎么学Python!!
  • Android studio在Ubuntu桌面上 创建桌面图标,以及导航栏图标
  • “论数据访问层设计技术及其应用”必过范文,软考高级,系统架构设计师论文
  • 【Pmac】PMAC QT联合开发中各种可能遇到的坑
  • C++之提高篇
  • 【数据结构】链表的大概认识及单链表的实现
  • 考前刷题练手感(北航期末往年数据结构编程题)
  • 收藏网友的 源程序下载网
  • 【mysql】环境安装、服务启动、密码设置
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • CSS选择器——伪元素选择器之处理父元素高度及外边距溢出
  • input的行数自动增减
  • Java到底能干嘛?
  • JS题目及答案整理
  • Less 日常用法
  • MySQL QA
  • PAT A1120
  • python学习笔记-类对象的信息
  • Rancher如何对接Ceph-RBD块存储
  • vue从入门到进阶:计算属性computed与侦听器watch(三)
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • Yeoman_Bower_Grunt
  • 给第三方使用接口的 URL 签名实现
  • 蓝海存储开关机注意事项总结
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 异常机制详解
  • 找一份好的前端工作,起点很重要
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • #职场发展#其他
  • (2)(2.10) LTM telemetry
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (27)4.8 习题课
  • (libusb) usb口自动刷新
  • (Python) SOAP Web Service (HTTP POST)
  • (八)五种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (纯JS)图片裁剪
  • (二)pulsar安装在独立的docker中,python测试
  • (附源码)计算机毕业设计ssm电影分享网站
  • (十五)、把自己的镜像推送到 DockerHub
  • (五)c52学习之旅-静态数码管
  • (已解决)什么是vue导航守卫
  • .NET CLR基本术语
  • .net core使用ef 6
  • .NET Framework .NET Core与 .NET 的区别
  • .Net Remoting(分离服务程序实现) - Part.3
  • .NET 设计模式初探
  • .NET/C# 如何获取当前进程的 CPU 和内存占用?如何获取全局 CPU 和内存占用?