CSS3 box-shadow 属性

weixin_34378045

于 2017-05-03 16:02:00 发布

阅读量38

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/meng527/blog/891391

本文详细介绍了CSS中box-shadow属性的使用方法，包括水平和垂直阴影位置、模糊距离、阴影尺寸及颜色设置等关键参数，并提供了兼容性信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

IE	Firefox	Chrome	Safari	Opera

IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。

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

注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。