我们在写网站样式时，经常会需要画圆形，一起看看，怎么利用css画圆形！方法有很多，你觉得哪种简单，就使用哪一种！工具/原料more电脑（win 10）Hbuilder方法/步骤 border-radius 属性1/3分步阅读

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

2/3

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

3/3

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

方法/步骤2 clip-path: circle(50%);1/1

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

方法/步骤3 radial-gradient1/1

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

注意事项

你还要别的方法吗，欢迎交流！

记得给我点赞，投票啊！

CSS圆形