前端开发入门到精通的在线学习网站

网站首页 > 资源文章 正文

有趣的403页面设计(403页面模板)

qiguaw 2024-09-06 21:04:42 资源文章 18 ℃ 0 评论

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

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

  • 作者:Mansoour
  • 使用技术:HTML / CSS
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/Mansoour/pen/LgGGvm
  • 作者:lsgrrd
  • 使用技术:HTML / CSS (SCSS)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/lsgrrd/pen/BObbYY
  • 作者:ycw
  • 使用技术:HTML (Pug) / CSS (Less)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/ycw/pen/BObmJr
  • 作者:Aimie | Blissful Lemon
  • 使用技术:HTML / CSS
  • 依赖库:-
  • 浏览器兼容:Chrome, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/ablissfullemon/pen/zJepap
  • 作者:Sean B
  • 使用技术:HTML / CSS (SCSS) / JavaScript
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/Chesswithsean/pen/ZMwagQ
  • 作者:Blessing Oni
  • 使用技术:HTML / CSS (SCSS)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/blecaf/pen/EervOE
  • 作者:Arturo Wibawa
  • 使用技术:HTML / CSS (SCSS)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/artcoholic/pen/ZMVNMw
  • 作者:Leena Lavanya
  • 使用技术:HTML / CSS / JavaScript
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/leenalavanya/pen/RYqvgK
  • 作者:Cassidy Williams
  • 使用技术:HTML (Haml) / CSS (Less)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/cassidoo/pen/rZQQrj
  • 作者:creme
  • 使用技术:HTML / CSS (SCSS) / JavaScript
  • 依赖库:jquery.js, tweenmax.js
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/creme/pen/VGVpbJ
  • 作者:Mariana
  • 使用技术:HTML / CSS / JavaScript
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/marianab/pen/EedpEb
  • 作者:A van Hagen
  • 使用技术:HTML / CSS (SCSS)
  • 依赖库:-
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/anjanas_dh/pen/ZMqKwb
  • 作者:Nuuou
  • 使用技术:HTML / CSS (SCSS) / JavaScript (Babel)
  • 依赖库:bootstrap-reboot.css, tweenmax.js
  • 浏览器兼容:Chrome, Edge, Firefox, Opera, Safari
  • 源码链接:https://codepen.io/Nuuou/pen/GXYmJv

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表