有可能让阴影环绕整个DIV吗?

-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;

我知道属性的顺序是这样的:

  • 水平偏移
  • 垂直偏移
  • 模糊半径
  • colored颜色

但我想知道是否有可能让阴影围绕着它,而不是只出现在一边或一侧.

推荐答案

您正在偏移阴影,因此要使其均匀包围长方体,请不要偏移它:

-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;

Css相关问答推荐

如何将CSS Paint API与Reaction一起使用

我应该在哪里放置expo /Reaction本地项目的CSS重置文件?

如何使用遮罩创建手绘SVG动画

两列网格中左列第一个文本正下方的按钮

如何使用 tailwind css 修复滚动条始终位于底部?

在R shiny中 Select DT表格值的背景 colored颜色 (无条件的自由 Select )

如何使用来自单独模块的代码将自定义标头插入到使用 DT Shiny 呈现的表中?

CSS 不要 Select 包含混合内容的 div 中的第一个元素

如何按列垂直对齐项目,但不在列内水平对齐

使用 React JS 和自定义 CSS 创建 Cookie 横幅

如何在 konvajs 中居中放置项目?

网格区域即使使用 fr 也不会减小其宽度

当我在几个月之间更改时,有什么方法可以在react-dates-range上添加淡入淡出或幻灯片效果?

如何将 .btn-group 从 twitter-bootstrap 居中?

flexbox 布局中的 Padding-bottom/top

css显示:表格不显示边框

输入/按钮元素不会在 flex 容器中缩小

在CSS中将文本和 Select 框对齐到相同的宽度?

如何使用 JavaScript 获取元素的背景图片 URL?

CSS:怎么说 .class:last-of-type [类,不是元素!]