1、打开Hbuilder,新建一个html文件，如下图：
2、写一对style标签，定义一个span，并给出宽高背景色等，如下图：
3、然后设置border-radius属性，设置值跟宽高相同，就成圆形啦，如下图：
1、其他操作不变，把border-radius换成 clip-path: circle(50%);如下图：
1、其他操作不变，写一个背景色，然后设置radial-gradient，如下图：
1、打开Hbuilder,新建一个html文件，如下图：
2、写一对style标签，定义一个span，并给出宽高背景色等，如下图：
3、然后设置border-radius属性，设置值跟宽高相同，就成圆形啦，如下图：
1、其他操作不变，把border-radius换成 clip-path: circle(50%);如下图：
1、其他操作不变，写一个背景色，然后设置radial-gradient，如下图：