css写一个红色圆形 |css的块状元素

css 逻辑控制，通用css375，css的用处是什么，css设置边框为虚线，css样式表如何封装，css正方体变圆环，css的块状元素 css写一个红色圆形 |css的块状元素

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

上面的代码定义了一个名为 circle 的 CSS 类，它将一个正方形元素转换成一个红色的圆形。width 和 height 属性指定了元素的宽度和高度，而 border-radius 属性则设置了边框的圆角半径，这里设置成了 50%，即正方形变为圆形。最后，background-color 属性设置了元素的背景颜色为红色。

大家可以通过将上面的 CSS 代码放在 HTML 文件的 head 标签内来使用它，如下所示：

/* 将上面的代码放在这里 */

上面的 HTML 代码中，大家创建了一个名为 circle 的 div 元素，并将其添加到了 body 标签内。然后，大家将上面的 CSS 代码放在 head 标签内，这样它就可以被应用到 circle 元素上了。

最终的效果如下：

可以看到，大家成功地使用 CSS 实现了一个红色圆形！