网页制作常用代码 不断增加 [2025年7月8更新]
网页制作常用代码：一、直接使用节日代码： 二、本页总访问量1、最新自建，推荐加载中... 2、自建busuanzi 总访问量 次 3、其它busuanzi 总访问量 次 三、网站时间、本页总访问量及其它相关，可灵活修改式样1，访问量、运行时间和版本载入天数... <span | 总访问量 加载中... 次 | @ws01 v1.0.0 2025 式样2，访问量、运行时间、开源和信息载入天数... <span | 总访问量 加载中... 次 | 开源于 GitHub @wszx123 式样3，访问量、运行时间、博客和导航链接载入天数... <span | 总访问量 加载中... 次 | 博客 | 导航 四、其它常用代码transform: translateY(12px); /* 子元素往下移动12px */ transform: translateY(-12px); /* 子元素往上移动12px */ justify-content: space-between; /* 子元素分散排列 */ justify-content: flex-start; /* 子元素从左侧开始排列 */ gap: 20px; /* 子元素之间的空隙 */ background: url('https://121.freewebhostmost.com/') no-repeat center center fixed; /* 背景图片 */ background-color: #f4f4f4; /* 背景色 */ min-height: 60px; /* 最小高度设置为60px */ max-height: 120px; /* 最大高度设置为120px */ font-size: 18px; /* 字号大小*/ border-radius: 5px; /* 四角弧度，一般高为5，50为圆*/ border: 2px solid gray; /* 添加2px灰色边框 */ border: 1px #aaa; /* 添加 1px 和 #aaa 色边框 */ --border-color: #aaa; /* 边框，原#436EEED */ border-bottom: 2px dashed #6495ED; /* 添加灰色虚线#ccc */ overflow-y: auto; /* 当内容超过最大高度时显示滚动条 */ margin-left: 20px; /* 分类标签右移添加这一行 */ color: green; /* 分类标签字体颜色添加这一行 */ text-align: left; /* 添加左对齐 */ /* 设置文件名的最大宽度，并且超出部分省略显示 */ .file-name { max-width: 200px; /* 设置最大宽度，您可以调整为合适的值 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; /* 确保文件名在一行内显示 */ } /* 设置图片背景的毛玻璃效果，值越大越模糊 */ backdrop-filter: blur(2px); margin-top: -20px; /* 验证码图片向上移动20px */footer代码1.footer {position: fixed;bottom: 1cm;left: 50%;transform: translateX(-50%);background-color: rgba(230, 230, 250, 0.4);color: #000000;min-width: 400px;max-width: 1120px;height: 55px;text-align: center;margin: 2px auto;padding: 1px;border-radius: 10px;font-size:15px;}footer代码2 .footer { width:auto; text-align:center; margin:5px auto; padding:2px; max-height:26px; }五、php代码中单位转换，其中($bytes, 1) 是保留小数点后一位，改2是二位<?php // 格式化文件大小函数 function formatSize($bytes) { $units = ['字节', 'KB', 'MB', 'GB', 'TB']; $unitIndex = 0; while ($bytes >= 1024 && $unitIndex < count($units) - 1) { $bytes /= 1024; $unitIndex++; } return number_format($bytes, 1) . ' ' . $units[$unitIndex]; } ?>六、适配手机时添加1、网页代码在手机上不适配时，在添加以下代码 2、大括号中添加相应代码@media (max-width: 768px) { } @media (max-width: 480px) { }七、在html页面添加输入密码才能打开1、密码24小时有效【 使用时请修改 admin 为自己的密码 】 2、密码当次有效，下一次打开也需要输入【 使用时请修改 admin 为自己的密码 】 七、icon代码方法1，用图片 方法2，用字符
哪吒面板添加其它信息代码，两种方式中的小鸡多少都可以自由增减，要举一反三。样式一： 样式二 式样三【在用完整，加入续期和其它】： ▲