带大家用CSS写一个极简风格的小键盘，和之前做拟态风格按钮的思路是一样的，都是通过多层阴影叠加起来形成这种立体感。元素非常简单，现在写了一些基本的样式，其它样式重新来写。

·现在是一个带有圆角和渐变色的小方块，就这样子在这里。接下来把它的阴影一层一层的画出来，继续。现在叠加了右下角的这块阴影，看起来就有一种悬浮的感觉了。

·接下来写个伪元素，通过定位配合一下inset，把它的盒子大小撑开，同样也是给个渐变颜色，再加一点圆角来看一下。

·接下来写伪元素的阴影，这一层也是比较淡的，在右下角的一层阴影来看一下，没有问题，右下角这些地方加了一层。

·接下来给伪元素的上边、下边和左边都加一点边框，看起来更加有质感一点。这里放大给大家看，加了一点边框，这三个方向都加了。

·接下来再给外面span加两层内阴影，现在这个是加在右边了，刷新没有问题，相当于在这个按键的底部又加了一层，这样这个按键的样式就写好了。

·接下来就多写几个按键，都是套用这个样式，再把上面的字母写上去就可以了。C这个字母出来了，剩下几个都是一样的，直接写出来，没问题。

·在CSS这里换一下行，再来个空格键，最后一个让它的宽度撑满。

这个视频就到这里，感谢大家的收看。