黑色单面筛子

这个单面筛子运用了flex布局，筛子的那一面放了3个圆，分别在上中下。

1.先在div里面敲一个类加box，再在这个div里面再敲三个div都加上类加个qiu，然后就可以开始先敲这个筛子的边框了。

2.在box里面敲一个display（显示）：flex（弹性布局），再敲个宽，高，border-radius（圆角边框）box-shadow（边框阴影）inset（嵌入边框里，可以理解为把阴影嵌入进边框里面），再调个黑色。

3.然后就接着敲background:transparent;（背景透明），还有内边距和对齐。

4.然后就可以敲这个圆的宽和高了，给这个圆上个背景颜色background-color（黑色），再给它敲个border-radius;50px;让他变成圆。

5．然后就可以敲这三个圆的位置了，敲个align-self（让它们都对成一条直线先），要敲上三个，按照下图代码的的格式来敲，flex-start（从头部开始排列），center(在主轴中居中对齐)，flex-end（从尾部开始排列）。

（注意，因为我没设置主轴，它就按X轴为主轴y轴为侧轴来排列）

代码都敲完了，接下来看看成品图

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导