最近发表

• # 2024-04-28

  背景图片的各种使用

  /* 引入背景图片 */ background-image: url(bg.jpg); /* 背景图垂直、水平均居中显示 */ background-position: center center; /* 背景图不平铺 */ background-repeat: no-repeat; /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */ background-attachment
• # 2024-03-22

  炫酷的表单美化

  效果如图：完整代码：表单.input-field, .input-field * {-webkit-box-sizing: border-box;box-sizing:border-box;}.input-field {position: relative;width: 200px;margin: 20px 50px;}.input-field input {background-color: transparent;border: none;border-radius: 0;he
• # 2024-03-22

  阿里云虚拟主机访问svg文件提示404找不到文件

  今天帮朋友建设了个网站，其中logo用了个svg格式的文件，上传到阿里云虚拟主机，访问发现logo提示404错误，不显示图片。这是因为web服务器默认不能解析svg文件的原因。解决方法：在Web.Config 中添加配置节点，手工映射。阿里云虚拟主机Windows版，是支持web.config文件配置的
• # 2024-03-22

  用CSS来控制浏览器滚动条颜色

  浏览器滚动条颜色::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track-piece {width: 8px}::-webkit-scrollbar-track-piece {background-color: #101012;}::-webkit-scrollbar {background-color: #f6a702;}::-webkit-scrollbar-thumb {background-c
• # 2024-03-22

  CSS解决高度自适应问题

  高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。需求：1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条2. 绿色部分高度固定，比如50px3. 紫色部分填充剩余的高度HTML结构暂且如下：navcontent先
• # 2024-03-22

  一套非常不错的网站后台登陆界面风格

  一套非常不错的网站后台登陆界面风格，动态离子效果演示地址：http://www.heima-hz.com/e/admin/本文来自「付涛纪实阁」，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：https://www.diebaosoft.com/10656.html 相关文件下载地址 本地直接下载 &co
• # 2024-03-22

  分享一段彩色标签tag样式

  先看图 彩色标签tag样式a {text-decoration: none;}ul, ol {list-style: none;}.links li {float:left;padding:5px}.links li a {display:block;height:28px;line-height:28px;padding:0 8px;text-align:center;font-size:14px;white-space:nowrap;background-color:#fff;bor
• # 2024-03-22

  一个彩色立体的按钮

  一个彩色立体的按钮,圆弧角。源码如下一个彩色立体的按钮a:hover {text-decoration: none;display: inline-block;padding: 12px 40px;margin: 10px 20px;border-radius: 30px;background-image: linear-gradient(45deg, rgb(46 135 30) 0%, rgb(27 166 106) 50%, rgb(54 185