CSS可以利用box-shadow属性实现内置阴影效果，box-shadow属性可以设置阴影的位置，颜色，模糊程度和投影距离，这样就可以实现各种不同的内置阴影效果。 使用方法 box-shadow属性可以使用下面的语法来定义： box-shadow: h-offset v-offset blur spread color inset; 其中： h-offset：必需。定义阴影水平偏移距离。 v-offset：必需。定义阴影垂直偏移距离。 blur：可选。定义阴影模糊程度。 spread：可选。定义阴影的大 […]

CSS可以利用box-shadow属性实现内置阴影效果，box-shadow属性可以设置阴影的位置，颜色，模糊程度和投影距离，这样就可以实现各种不同的内置阴影效果。

使用方法

box-shadow属性可以使用下面的语法来定义：

box-shadow: h-offset v-offset blur spread color inset;

其中：

• h-offset：必需。定义阴影水平偏移距离。
• v-offset：必需。定义阴影垂直偏移距离。
• blur：可选。定义阴影模糊程度。
• spread：可选。定义阴影的大小。
• color：可选。定义阴影的颜色。
• inset：可选。定义阴影是内置还是外置。

示例代码：

div {
    box-shadow: 0px 0px 10px 5px #ccc;
}

上面的代码将在div上创建一个水平偏移为0px，垂直偏移为0px，模糊程度为10px，投影距离为5px，颜色为#ccc的内置阴影效果。

说点什么吧

• 全部评论（0）
• 最新 最早

还没有评论，快来抢沙发吧！