{site_name}

{site_name}

🌜 搜索

CSS box-shadow 是一种 CSS 属性,用于在 HTML 元素周围创建一个阴影效果

前端 𝄐 0
cssc是什么公司,cssc是什么意思,cssc是什么公司简称,cssc是国企还是央企,CSS CSS,CSS CSDN
CSS box-shadow 是一种 CSS 属性,用于在 HTML 元素周围创建一个阴影效果。box-shadow 属性接受多个参数来定义阴影的颜色、大小、位置和模糊程度等。

box-shadow 的语法如下:

box-shadow: [horizontal offset] [vertical offset] [blur radius] [spread radius] [color];


其中各参数含义为:
- horizontal offset:阴影的水平偏移量,正值表示向右偏移,负值表示向左偏移。
- vertical offset:阴影的垂直偏移量,正值表示向下偏移,负值表示向上偏移。
- blur radius:阴影的模糊程度,数值越大表示阴影越模糊,0 表示无模糊效果。
- spread radius:阴影的扩散程度,数值越大表示阴影范围越大,取负值时可以让阴影缩小。
- color:阴影的颜色,可以使用颜色名称或十六进制颜色码。

以下是一个例子,创建一个带有灰色阴影的 div 元素:
css
div {
box-shadow: 2px 2px 4px #888888;
}

这将在 div 元素周围创建一个水平偏移 2 像素、垂直偏移 2 像素、模糊程度为 4 像素、颜色为 #888888 的阴影。