发一段简洁大气的404纯代码模板,有需要的直接复制拿走。

查看 26|回复 3
作者:逗号广告联盟   
代码如下:
[ol]
  •    
  •    
  •     404 - Page Not Found
  •    
  •         /* 全局样式 */
  •         body {
  •             font-family: Arial, sans-serif;
  •             background-color: #f4f4f4;
  •             margin: 0;
  •             padding: 0;
  •             display: flex;
  •             flex-direction: column;
  •             justify-content: center;
  •             align-items: center;
  •             min-height: 100vh;
  •         }
  •         h1 {
  •             color: #333;
  •         }
  •         p {
  •             color: #666;
  •         }
  •         /* 404 元素样式 */
  •         #error {
  •             font-size: 100px;
  •             color: #ccc;
  •         }
  •         /* 按钮样式 */
  •         a {
  •             background-color: #007bff;
  •             color: white;
  •             border: none;
  •             padding: 10px 20px;
  •             border-radius: 5px;
  •             cursor: pointer;
  •             margin-top: 20px;
  •             transition: background-color 0.3s ease;
  •             text-decoration: none;
  •         }
  •    
  •     404
  •     未找到相关页面
  •     抱歉,您访问的页面可能不存在或者被删除!
  •     返回首页
  • [/ol]复制代码
    演示:


    32.png (23.16 KB, 下载次数: 0)
    下载附件
    保存到相册
    21分钟前 上传

    代码, 样式

  • 发吧信息网   
    看到不错,顶一个。
    天门养生网   


    bay   

    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部