我接触到的 css 实例

css 实现叉号有很多种方式，大多都是利用 border; 今天分享一组实现方式如下： 利用伪类创建两个宽度为1px的长方形，然后，分别旋转这两长方形，形成一个叉号。

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/43ea1e2475cf4a1ba9172abcf3ed1bab~tplv

今天在项目中写一个样式时遇到了这个问题。问题描述如下： 开启switch 按钮则显示下面的选项，反之关闭。很简单的需求，实施过程中，我给下面一项的样式，使用了flex 布局，因为我想让他水平垂直居中。

最近工作中接触到了原生js项目，之前接触的项目中涉及到ui样式，以及UI组件的部分，我们都会使用第三方的库来实现，比如，antdesign,elementui,那本项目中由于没有那么多的复杂的交互设计