基于CSS使用两种不同的方式实现的外围被圆形包围的十字加号图标形状,一种是border-image结合clip-path两大主要属性实现的,另一种是通过border-radius结合background实现的。而且两个圆形包围的十字图标颜色填充的位置也不一样,可根据实际需求选择使用。

基于CSS使用两种不同的方式实现的外围被圆形包围的十字加号图标形状,一种是border-image结合clip-path两大主要属性实现的,另一种是通过border-radius结合background实现的。而且两个圆形包围的十字图标颜色填充的位置也不一样,可根据实际需求选择使用。