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，將對我們的前端開發事業有著巨大的幫助。