CSS3框陰影

我使用CSS3屬性CSS3框陰影

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

它給在右側和底部的這個奇怪的效果。如何讓陰影在所有方面都相等？

enter image description here

2012-04-12 Harsha M V

使用

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

代替

前兩個數值指定相對x和y的陰影的偏移量。因此，你的影子被（2px，2px），或2px向右，2px向下移動/偏移。

第三數值指定模糊，第四陰影大小/傳播，和第五的顏色（HEX）

2012-04-12 16:57:40 jacktheripper

使用此：

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-12 16:58:19 kpotehin

您可以通過設置第2個數值爲0px做到這一點：

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

查看更多：w3schools

2012-04-12 16:59:02 blake305

什麼是第一個值是指？ – 2012-04-12 16:59:39

第一個：水平陰影的位置。第二個：垂直陰影的位置。 – blake305 2012-04-12 17:00:19

我添加了一個鏈接到參考 – blake305 2012-04-12 17:02:32

的box-shadow定義爲：水平偏移 - 垂直偏移 - 陰影蔓延 - 模糊尺寸 - 顏色

你可能只是這樣做：box-shadow: 0 0 2px 2px #ccc;

2012-04-12 16:59:13 ckaufman

回答