方法一：打开Hbuilder,新建一个html文件
然后设置border-radius属性，设置值跟宽高相同，就成圆形啦
其他操作不变，把border-radius换成 clip-path: circle(50%);
其他操作不变，写一个背景色，然后设置radial-gradient，
1、在电脑上打开Css，然后准备一个空的html结构，在其中放置一个空的div，如下图所示。
2、这时需要去除浏览器中一些特有的样式，如下图所示中去除了边距等样式。
3、然后给这个样式一个宽高，并添加一个背景，如下图所示。
4、最后给样式添加border-radius属性，其值为宽或高的一半，如下图所示。
5、最后运行程序，这样就会在界面中看到一个圆形了，如下图所示。
层叠样式表(英文全称：CasCADing Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
要在边框上添加小圆形，你可以使用 CSS 的伪元素和边框属性。以下是一个简单的示例：
新建一个 将长方形变成圆形.html 文件。
给类名(box)添加CSS属性，让其变成一个长方形。
添加一个CSS属性，代码：border-radius:150px。
运行网页，可以看到长方形已经变成了圆形。