css如何插入一个圆

在CSS中插入一个圆形非常简单，只需要几行代码即可实现。

圆形样式代码:
.circle{
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background-color: red;
}

以上代码会生成一个背景颜色为红色的圆形。

其中，border-radius属性设置为50%可以让一个矩形元素变为圆形。在这个例子中，元素的宽高都设置为100px，因此，它成了一个半径为50px的圆形。

对于更复杂的需求，我们可以将上面的代码微调。例如，如果你需要让圆形具有一个3px的灰色边框，可以添加另一条CSS代码：

.circle{
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background-color: red; 
   border: 3px solid gray;
}

现在，你已经知道如何使用CSS插入一个圆形了。在实践中，你会发现这种技巧非常有用，可以用于许多不同的场合。