.circle-bg { width: 100px; height: 100px; border-radius: 50%; background-color: #ff7575; }
以上代码实现了一个直径为100px的圆形,背景色为#ff7575。border-radius属性设置为50%是关键,它将元素的四个角弧度设置为宽度和高度的一半,从而形成了一个圆形。
若需要调整圆形的大小,可以根据实际需要更改width和height属性的值。若需要在圆形内部添加文本或其它内容,只需将其添加到元素内部即可。
总之,制作圆形背景色并不难,有了上述的代码示例和相关知识点的讲解,相信读者可以轻松掌握圆形背景色的制作方法。