CSS 函数（方法）大全

最新推荐文章于 2025-09-13 15:42:03 发布

原创最新推荐文章于 2025-09-13 15:42:03 发布 · 1.7k 阅读

11 ·

CC 4.0 BY-SA版权

CSS3 专栏收录该内容

12 篇文章

订阅专栏

本文深入讲解了CSS函数的使用，包括attr(), calc(), cubic-bezier(), hsl(), hsla(), linear-gradient(), radial-gradient(), repeating-linear-gradient(), repeating-radial-gradient(), rgb(), rgba(), var()等，这些函数用于定义颜色、背景图像及计算属性值。

部署运行你感兴趣的模型镜像

CSS函数（方法）参考

CSS函数用作各种CSS属性的值。

函数	描述
attr()	返回所选元素的属性值
calc()	允许您执行计算以确定CSS属性值
cubic-bezier()	定义Cubic Bezier曲线
hsl()	使用Hue-Saturation-Lightness模型（HSL）定义颜色
hsla()	使用Hue-Saturation-Lightness-Alpha模型（HSLA）定义颜色
linear-gradient()	将线性渐变设置为背景图像。定义至少两种颜色（从上到下）
radial-gradient()	将径向渐变设置为背景图像。定义至少两种颜色（中心到边缘）
repeating-linear-gradient()	重复线性渐变
repeating-radial-gradient()	重复径向渐变
rgb()	使用红 - 绿 - 蓝模型（RGB）定义颜色
rgba()	使用Red-Green-Blue-Alpha模型（RGBA）定义颜色
var()	插入自定义属性的值