1

我正在使用 CSS3 属性

box-shadow: 2px 2px 2px 2px #CCCCCC;

它在右侧和底部产生了这种奇怪的效果。如何使阴影在所有方面都相等?

在此处输入图像描述

4

4 回答 4

5

采用

box-shadow: 0 0 2px 2px #CCCCCC;

反而

看到这个jsFiddle

前两个数值指定阴影的相对 x 和 y 偏移。因此,您的阴影被(2px,2px)或向右2px,向下2px的矢量移位/偏移。

第三个数值指定模糊,第四个指定阴影大小/散布,第五个指定颜色(十六进制)

于 2012-04-12T16:57:40.020 回答
5

用这个:

box-shadow: 0px 0px 2px 2px #CCCCCC; /* Horizontal Length: px, Vertical Length: px, Blur Radius: px, Spread: px, Color */

你可以在这里测试 CSS3:http: //css3generator.com/

于 2012-04-12T16:58:19.837 回答
4

box-shadow 定义为:水平偏移 - 垂直偏移 - 阴影扩散 - 模糊大小 - 颜色

你可以这样做:box-shadow: 0 0 2px 2px #ccc;

于 2012-04-12T16:59:13.987 回答
2

您可以通过将前 2 个值设置为 0px 来做到这一点:

box-shadow: 0px 0px 2px 2px #CCCCCC;

查看更多:w3schools

于 2012-04-12T16:59:02.477 回答