径向渐变CSS 属性 background-image 可以用 radial-gradient() 函数创建径向渐变背景图径向渐变是指由中心向四周的渐变径向渐变 (Radial gradients) 是由 渐变形状,渐变大小、中心点、两个或多个色值结束点(color stops)**定义而成。background-image: radial-gradient( /*shap 渐变形状 ...
2026年02月23日
径向渐变CSS 属性 background-image 可以用 radial-gradient() 函数创建径向渐变背景图径向渐变是指由中心向四周的渐变径向渐变 (Radial gradients) 是由 渐变形状,渐变大小、中心点、两个或多个色值结束点(color stops)**定义而成。background-image: radial-gradient( /*shap 渐变形状 ...
2026年02月23日
线性渐变 (linear-gradient)概念线性渐变(Linear Gradient)是 CSS3 中创建渐变背景的强大工具,可以创建平滑过渡的颜色效果。语法background-image: linear-gradient(direction, color-stop1, color-stop2, ...);基本语法1. 基础方向/* 从上到下(默认)*/ background-imag...
2026年02月23日
background-origin 背景原点概念background-origin 属性用于设置背景图片的定位区域,决定背景图片相对于哪个区域进行定位。语法background-origin: 值;属性值值说明定位参考padding-box默认值,背景图片以 padding 区域为参考从内边距开始border-box背景图片以 border 区域为参考从边框开始content-box背景图片...
2026年02月23日
background-clip 背景裁剪概念background-clip 属性用于设置背景的绘制区域,控制背景图片和颜色延伸到哪个区域。语法background-clip: 值;属性值值说明示意图border-box默认值,背景延伸到边框边缘背景覆盖边框padding-box背景延伸到内边距边缘背景在边框内content-box背景只在内容区域背景只在padding内text背景裁剪成文字...
2026年02月23日
background-attachment 背景固定概念background-attachment 属性用于设置背景图片的固定方式,控制背景图片是否随页面滚动而滚动。语法background-attachment: 值;属性值值说明scroll默认值,背景图片随页面滚动而滚动fixed背景图片固定,不随页面滚动local背景图片随元素内容滚动(CSS3)示例代码<!DOCTYPE ht...
2026年02月23日