box-shadow设置1像素边框的多种方案

在CSS中，设置边框一般用border，box-shadow属性用于给元素添加阴影效果，它本身并不直接用于创建边框。但如果想通过box-shadow属性来模拟一个1像素的边框效果，你可以利用box-s...

发表于：2025-12-29 浏览：28 TAG： #css #1像素边框 #boxshadow

用好CSS的clamp()这个新特性，轻松实现响应式布局，特别是移动端

px是我们日常开发中熟悉且常用的CSS单位，但在当今设备屏幕尺寸千差万别的时代，px似乎不再像以前那么好用了。今日分享一个强大的CSS新特性clamp()，它将改变我们编写响应式样式的方式，让我们告别...

发表于：2025-11-28 浏览：230 TAG： #css #clamp

css3修改美化radio、checkbox的默认样式的简单方案

现在前端页面效果要求特别高，页面中表单的默认input组件样式显然不能满足广大用户的体验需求，之前在开发开发项目中刚好有相关的需求，在此特地整理下修改radio、CheckBox样式的方法。具体原理：...

发表于：2024-10-10 浏览：1845 TAG： #css #checkbox #radio #form

CSS 选择器：:is(), :where(), 和:has()伪元素的运用

css的伪元素:is()、:where()和:has()是用于样式化元素的非常强大的工具，它们是在CSS选择器Level4规范中引入的。它们允许我们将样式应用于符合特定条件的任何元素，例如元素的类型、...

发表于：2023-06-18 浏览：1472 TAG： #css #css伪类

纯css实现左侧三级菜单的方法

在左侧三级菜单导航想必大家都见到过吧，其实它的实现过程也并不复杂，感兴趣的小伙伴，可以体验一下该简约版的三级菜单效果，如果需要美化版，可以自己修改一下哦。先看一下效果图哦，具体代码如下：

发表于：2023-02-09 浏览：1790 TAG： #css #三级菜单 #折叠菜单

CSS @media print控制浏览器web打印样式

浏览器打印，可以通过window.print()、document.execCommand(‘print’)调用浏览器打印。不同浏览器的区别：在Safari和Chrome都会弹起打印预览的窗口，Fir...

发表于：2022-08-28 浏览：7252 TAG： #css #print #web打印 #浏览器打印

HTML+CSS+JS 基于浏览器实现打印58小票

硬件：58小票打印机 软件：浏览器(已测谷歌浏览器、Edge浏览器、360浏览器完美支持；ie浏览器字体偏小。。。)

发表于：2022-04-30 浏览：4915 TAG： #HTML #css #JS #打印小票

有了css变量这个神器，写css再也不需要less和sass了

用过sass或less的都知道，主要他们可以有嵌套和变量以及函数功能，但是其实在原生css中，已经开始逐渐支持，诚然目前只有你我熟知，而他人还处在萌芽中，了解css变量，你会发现CSS从此变得异常强大...

发表于：2021-11-15 浏览：3122 TAG： #css #less #sass

图片变形处理，可设置CSS属性object-fit: cover完美解决

object-fit: cover这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。面对全屏的banner图自适应问题、上传头像遇到了头像变形的问题，可以通过object-fit: cover轻松完美解决。

发表于：2021-08-04 浏览：3520 TAG： #css #图片处理 #图片自适应