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

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

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

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

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

时间:2026-02-13 15:49:03
1、打开Hbuilder,新建一个html文件,如下图:

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

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

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

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