css实现红色的圆形 |css3 图标制作

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

以上代码将一个100像素宽、100像素高的正方形设置为圆形，因为border-radius属性的值为50%。同时，将background-color属性设置为红色。

在HTML中，可以使用div标签添加一个class为circle的元素，并将其嵌套在需要使用圆形的元素内部。如下所示：

以上代码将一个class为wrapper的元素嵌套在一个class为circle的元素内部，从而实现将圆形放置在父元素的任意位置。