我正在使用 CSS3 属性
box-shadow: 2px 2px 2px 2px #CCCCCC;
它在右侧和底部产生了这种奇怪的效果。如何使阴影在所有方面都相等?
采用
box-shadow: 0 0 2px 2px #CCCCCC;
反而
看到这个jsFiddle
前两个数值指定阴影的相对 x 和 y 偏移。因此,您的阴影被(2px,2px)或向右2px,向下2px的矢量移位/偏移。
第三个数值指定模糊,第四个指定阴影大小/散布,第五个指定颜色(十六进制)
用这个:
box-shadow: 0px 0px 2px 2px #CCCCCC; /* Horizontal Length: px, Vertical Length: px, Blur Radius: px, Spread: px, Color */
你可以在这里测试 CSS3:http: //css3generator.com/
box-shadow 定义为:水平偏移 - 垂直偏移 - 阴影扩散 - 模糊大小 - 颜色
你可以这样做:box-shadow: 0 0 2px 2px #ccc;