纯css实现一个圆形。
可以使用CSS的border-radius属性来实现一个圆形。
HTML代码:
<div class="circle"></div>
CSS代码:
.circle {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}
上述代码将创建一个宽高为100px的红色圆形。border-radius属性的值设置为50%,使得边框的圆角半径等于元素宽高的一半,从而实现圆形效果。
原文地址: http://www.cveoy.top/t/topic/hZFS 著作权归作者所有。请勿转载和采集!