旗下导航:搜·么
当前位置:网站首页 > CSS > 正文

css box-shadow属性怎样用【css教程】

作者:搜搜PHP网发布时间:2019-11-26分类:CSS浏览:81


导读:cssbox-shadow属性定义和用法box-shadow属性向框增加一个或多个暗影。提醒:请使用border-image-*属性来组织美丽的可伸缩按钮!...

css box-shadow属性定义和用法

box-shadow 属性向框增加一个或多个暗影。

提醒:请使用 border-image-* 属性来组织美丽的可伸缩按钮!

语法

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

实例

向 div 元素增加 box-shadow:

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

解释:box-shadow 向框增加一个或多个暗影。该属性是由逗号分开的暗影列表,每一个暗影由 2-4 个长度值、可选的色彩值以及可选的 inset 关键词来划定。省略长度的值是 0。

以上就是css box-shadow属性怎样用的细致内容,更多请关注ki4网别的相干文章!

标签:css box-shadow属性