No results found

有趣的403页面设计

在访问网站的时候,会时不时的出现403 Forbidden错误,浏览器会给出403 Forbidden错误提示,在打开Access Error中列出的URL之后, 出现以下错误:

403 Forbidden
Access to this resource on the server is denied!
Powered By LiteSpeed Web Server
LiteSpeed Technologies is not responsible for administration and contents of this web site!

403状态码

403错误是网站访问过程中,常见的错误提示。资源不可用,服务器理解客户的请求,但拒绝处理它。通常由于服务器上文件或目录的权限设置导致,比如IIS或者apache设置了访问权限不当。

下面看一些有意思的403页面设计,撇开实不实用,能看见几回等等等,,,专注于设计。

404page
404page
404page
  • 作者:ycw
  • 使用技术:HTML (Pug) / CSS (Less)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/ycw/pen/BObmJr
404page
404page
404page
404page
404page
404page
  • 作者:Cassidy Williams
  • 使用技术:HTML (Haml) / CSS (Less)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/cassidoo/pen/rZQQrj
404page
  • 作者:creme
  • 使用技术:HTML / CSS (SCSS) / JavaScript
  • 依赖库:jquery.js, tweenmax.js
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/creme/pen/VGVpbJ
404page
404page
404page
  • 作者:Nuuou
  • 使用技术:HTML / CSS (SCSS) / JavaScript (Babel)
  • 依赖库:bootstrap-reboot.css, tweenmax.js
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/Nuuou/pen/GXYmJv
文章目录
  1. 1. 403状态码
|