大家用CSS寫一個極簡風格的小鍵盤，和之前做擬態風格按鈕的思路是一樣的，都是通過多層陰影疊加起來形成這種立體感。元素非常簡單，現在寫了一些基本的樣式，其它樣式重新來寫。

·現在是一個帶有圓角和漸變色的小方塊，就這樣子在這里。接下來把它的陰影一層一層的畫出來，繼續。現在疊加了右下角的這塊陰影，看起來就有一種懸浮的感覺了。

·接下來寫個偽元素，通過定位配合一下inset，把它的盒子大小撐開，同樣也是給個漸變顏色，再加一點圓角來看一下。

·接下來寫偽元素的陰影，這一層也是比較淡的，在右下角的一層陰影來看一下，沒有問題，右下角這些地方加了一層。

·接下來給偽元素的上邊、下邊和左邊都加一點邊框，看起來更加有質感一點。這里放大給大家看，加了一點邊框，這三個方向都加了。

·接下來再給外面span加兩層內陰影，現在這個是加在右邊了，刷新沒有問題，相當于在這個按鍵的底部又加了一層，這樣這個按鍵的樣式就寫好了。

·接下來就多寫幾個按鍵，都是套用這個樣式，再把上面的字母寫上去就可以了。C這個字母出來了，剩下幾個都是一樣的，直接寫出來，沒問題。

·在CSS這里換一下行，再來個空格鍵，最后一個讓它的寬度撐滿。

這個視頻就到這里，感謝大家的收看。