css怎么画圆形？附三种方法！

1、打开Hbuilder,新建一个html文件，如下图：

2、写一对style标签，定义一个span，并给出宽高背景色等，如下图：

3、然后设置border-radius属性，设置值跟宽高相同，就成圆形啦，如下图：

1、其他操作不变，把border-radius换成 clip-path: circle(50%);如下图：

1、其他操作不变，写一个背景色，然后设置radial-gradient，如下图：