CSS是一门前端开发的重要语言，对于网页的样式设置有着不可替代的作用。本文就来介绍一下CSS中如何设置鼠标点击阴影。

.button {
box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
transition: all 0.2s ease-in-out;
}
.button:hover {
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 0 6px rgba(255,255,255,.5);
}

从上面的代码中可以看出，我们设置了一个类名为".button"的元素，在它正常状态下，设置了一个黑色的阴影。然后我们通过:hover伪类选择器，设置了当鼠标悬停在这个元素上方时，加上了一个白色的阴影。

值得注意的是，这里我们使用了CSS3的box-shadow属性，其中第一个参数inset用于设置内阴影，第二个参数控制阴影水平偏移量，第三个参数控制阴影垂直偏移量，第四个参数表示阴影颜色及其透明度。

另外，我们还使用了CSS3的transition属性，这个属性可以让我们定义一个元素的动画效果，它接受三个参数，分别是需要动画的属性、动画的时间和动画的速度曲线。

总的来说，通过对CSS的掌握，我们可以设置出各种各样的网页样式，增强用户的体验。学好CSS，将对我们的前端开发事业有着巨大的帮助。