纯CSS实现圆形：简单易懂的代码示例

使用CSS的border-radius属性来实现一个圆形。\n\nHTML代码：\n\nhtml\n<div class="circle"></div>\n\n\nCSS代码：\n\ncss\n.circle {\n width: 100px;\n height: 100px;\n background-color: red;\n border-radius: 50%;\n}\n\n\n上述代码将创建一个宽高为100px的红色圆形。border-radius属性的值设置为50%，使得边框的圆角半径等于元素宽高的一半，从而实现圆形效果。