css怎么显示圆形 |css背景图片居中显示

代码示例：
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ccc;
}

上面的代码中，圆形的样式是使用border-radius属性来实现的。这个属性的值可以是一个具体的像素值，也可以是一个百分比。当值为50%时，表示圆形的半径为元素宽度或高度的一半。

同时，为了让圆形在网页中显示出来，还需要设置元素的宽度和高度相同，否则就会变成椭圆形状。此外，还可以通过设置背景颜色或添加其他内容来让圆形更加美观。

总体来说，使用CSS实现圆形样式非常容易，只需设置一个属性值即可。但是，为了让圆形在网页中正常显示，还需要结合其他样式来进行调整。希望这篇文章能够帮助读者更好地理解如何使用CSS实现圆形的效果。